border-image-slice: 10%为什么那么大

border-image-slice，指定边框图像顶部、右侧、底部、左侧内偏移量，这个border-image-slice就是一个切片的作用，把图像直接切开，中间不留痕迹，被分隔的图像只能在边框宽度（border-width）内活动，什么意思呢，比如盒子边框为border-width:54px 分割图片为border-image-slice:27，因为图像4个顶角的宽度和高度都只有27px，但是盒子的边框是54px，因此图片就要被水平方向和垂直方向拉伸到切好跟盒子边框宽度等同，即27px的图像拉伸到54px停止，再往前就不行了；border-image-slice四个顶角的变化其实是带有拉伸功能的，当然假如说盒子边框和被切图片宽度相等，那么这样就不会有拉伸的效果！