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)。 |