最新的Web开发教程
 

Style outlineStyle Property

<Style对象

添加一个"solid"的轮廓周围<div>元素:

document.getElementById("myDiv").style.outlineStyle = "solid";
试一试»

定义和用法

该outlineStyle属性设置或返回元素周围的轮廓风格。

的轮廓是围绕元件的线。 它是围绕着元素的边距显示。 但是,从border属性不同。

轮廓不元素的尺寸的部分,因此,元件的宽度和高度属性不包含轮廓的宽度。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该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

更多示例

更改的轮廓样式<div>元素:

document.getElementById("myDiv").style.outlineStyle = "solid";
试一试»

返回一个轮廓风格<div>元素:

alert(document.getElementById("myDiv").style.outlineStyle);
试一试»

所有不同值的演示:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
试一试»

相关页面

CSS教程: CSS大纲

CSS参考: outline-style property

HTML DOM参考: outline property


<Style对象