定义和用法
该outlineStyle属性设置或返回元素周围的轮廓风格。
的轮廓是围绕元件的线。 它是围绕着元素的边距显示。 但是,从border属性不同。
轮廓不元素的尺寸的部分,因此,元件的宽度和高度属性不包含轮廓的宽度。
浏览器支持
该outlineStyle属性在所有主流浏览器的支持。
Note:在IE7不支持和更早的outlineStyle财产。 IE8需要!DOCTYPE。 IE9及更高版本支持它。
句法
返回outlineStyle属性:
object .style.outlineStyle
设置outlineStyle属性:
object .style.outlineStyle= value
属性值
值 | 描述 |
---|---|
none | 没有定义轮廓。 这是默认 |
hidden | 大纲关闭 |
dotted | 定义虚线轮廓 |
dashed | 定义虚线轮廓 |
solid | 定义实线外形 |
double | 定义一个双轮廓 |
groove | 定义3D槽轮廓。 效果取决于轮廓色值 |
ridge | 定义3D脊轮廓。 效果取决于轮廓色值 |
inset | 定义3D插图的轮廓。 效果取决于轮廓色值 |
outset | 3D突出轮廓。 效果取决于轮廓色值 |
initial | 将此属性设置为默认值。 阅读关于初始 |
inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
默认值: | 没有 |
---|---|
返回值: | 一个字符串,代表元素的轮廓的风格 |
CSS版本 | CSS2 |
更多示例
例
所有不同值的演示:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
试一试» 相关页面
CSS教程: CSS大纲
CSS参考: outline-style property
HTML DOM参考: outline property
<Style对象