首页  >  属性 Properties  >  边框(Border)  >  border-image-slice

版本 : CSS3 border-image-slice

语法:

border-image-slice:[ <number> | <percentage> ]{1,4} && fill?

默认值100%

适用于:所有元素,除table元素设置了 <' border-collapse '> 为collapse之外

继承性:无

动画性:否

计算值:指定值

取值:

<number>
用浮点数指定宽度。不允许负值。
<percentage>
用百分比指定宽度。参照其包含块区域进行计算。不允许负值。
fill:
保留裁减后的中间区域,其铺排方式遵循 <' border-image-repeat '> 的设定。

说明:

设置或检索对象的边框背景图的分割方式。
  • 该属性指定从上,右,下,左方位来分隔图像,将图像分成4个角,4条边和中间区域共9份,中间区域始终是透明的(即没图像填充),除非加上关键字 fill。
  • 对应的脚本特性为borderImageSlice

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
ValuesIEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
Basic Support6.0-10.02.0-3.04.0-14.0
-webkit-
3.1-5.1
-webkit-
15.0+3.2-5.1
-webkit-
2.1-4.3
-webkit-
18.0+
11.0+3.5-14.0
-moz-
15.0
-webkit-
6.0+6.1+4.4-4.4.4
15.0+16.0+