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*/

如图:CSS边框属性二---border-images

上面例子使用的图片为:CSS边框属性二---border-imagesCSS边框属性二---border-images

向内偏移图例:CSS边框属性二---border-images

属性值

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


下一篇:CSS边框-属性详解