CSS边框属性二---border-images

border-images 属性

主要用border-images 属性来制作自适应按钮和tab标签&自适应边框。

例子：

border-images:url("img.png") 0 15 0 15 round;

/*0 15 0 15 指的是：图片边框向内偏移 上0，右15 ，下0 ，左15*/

如图：

上面例子使用的图片为：和

向内偏移图例：

 

属性值

值	描述
border-image-source	用在边框的图片的路径。
border-image-slice	图片边框向内偏移。
border-image-width	图片边框的宽度。
border-image-outset	边框图像区域超出边框的量。
border-image-repeat	图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。