JavaScript HTML DOM Style borderImageOutset 属性

• 

  borderImageOutset 属性

  borderImageOutset属性设置或返回边框图像区域延伸到边框之外的量。

  将边框放在div元素的边缘之外：

  document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  borderImageOutset	11.0+	支持	支持	6.0+	不支持

  请改为查看borderImage属性！
• 

  语法

  返回borderImageOutset属性：

  object.style.borderImageOutset

  设置borderImageOutset属性：

  object.style.borderImageOutset = "length|number|initial|inherit"

  注意： borderImageOutset属性指定边框图像区域延伸到边框之外的量。在顶部，右侧，底部和左侧。如果省略第四个值，则与第二个值相同。如果省略第三个，则与第一个相同。如果省略第二个，则与第一个相同。任何borderImageOutset值都不允许使用负值。
• 

  属性值

  值	描述
  length	一个长度单位，指定边缘图像将出现的边缘距离。 默认值为0
  number	表示相应边框宽度的倍数
  initial	将此属性设置为其默认值。 阅读有关initial信息
  inherit	从其父元素继承此属性。 阅读有关inherit的信息

• 

  技术细节

  项目	描述
  默认值：	0
  返回值：	一个字符串，表示元素的border-image-outset属性
  CSS版本	CSS3

• 

  相关页面

  CSS参考：border-image-outset属性