Style borderImage 属性

返回上一级

Style 对象的 borderImage 属性是设置 borderImageSourceborderImageSliceborderImageWidthborderImageOutsetborderImageRepeat 属性的速记属性

省略的值被设置为它们的默认值

语法

返回 borderImage 属性

object.style.borderImage

设置 borderImage 属性

object.style.borderImage=" source slice width outset repeat |initial|inherit"

属性值

描述
borderImageSource 要用于绘制边框的图像的路径
borderImageSlice 图像边框的向内偏移
borderImageWidth 图像边框的宽度
borderImageOutset 边框图像区域超出边界框的量
borderImageRepeat 规定图像边框是重复拼接图块还是延伸图块
initial 设置该属性为它的默认值。可以阅读 initial
inherit 从父元素继承该属性。可以阅读 inherit

默认值

none 100% 1 0 stretch

返回值

字符串,表示元素的 border-image 属性

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 11、Firefox、Opera 15、Chrome 和 Safari 6 支持 borderImage 属性

Safari 5 支持另一个可替代该属性的属性,即 webkitBorderImage 属性

范例

指定作为 div 元素周围边框的图像

document.getElementById("myDIV").style.borderImage = "url(/static/i/javascript/basic/border.png) 30 30 round";

运行范例 »

相关知识

CSS 参考手册: border-image 属性

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.