border-image-slice: 10%为什么那么大
来源：1-11 边界图片
香宝宝的小臭臭
2017-01-08 14:14:29
border-image-slice: 10%为什么那么大
50%和100%的时候 是把图片的宽高各50%或100%的样式显示到四个角 而10%的时候为什么边框就变长了 不仅仅在四个角上了？
写回答
1回答
-
Python工程师
2017-01-08
border-image-slice，指定边框图像顶部、右侧、底部、左侧内偏移量，这个border-image-slice就是一个切片的作用，把图像直接切开，中间不留痕迹，被分隔的图像只能在边框宽度（border-width）内活动，什么意思呢，比如盒子边框为border-width:54px 分割图片为border-image-slice:27，因为图像4个顶角的宽度和高度都只有27px，但是盒子的边框是54px，因此图片就要被水平方向和垂直方向拉伸到切好跟盒子边框宽度等同，即27px的图像拉伸到54px停止，再往前就不行了；border-image-slice四个顶角的变化其实是带有拉伸功能的，当然假如说盒子边框和被切图片宽度相等，那么这样就不会有拉伸的效果！
2
相似问题