最新的Web开发教程
 

Style outlineWidth Property

<Style对象

例

改变的轮廓的宽度<div>元素：

document.getElementById("myDiv").style.outlineWidth = "10px";
试一试»

定义和用法

所述outlineWidth属性设置或返回周围的元件轮廓的宽度。

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

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

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该outlineWidth属性在所有主流浏览器的支持。

Note:在IE7不支持和更早的outlineWidth财产。 IE8需要！DOCTYPE。 IE9及更高版本支持它。

句法

返回outlineWidth属性：

object .style.outlineWidth

设置outlineWidth属性：

object .style.outlineWidth="thin|medium|thick| 属性值
值 描述
thin 定义一个薄的轮廓
medium 定义中的轮廓。 这是默认
thick 定义粗轮廓
length 轮廓的长度单位宽度
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值： 中
返回值： 一个字符串，表示一个元素的轮廓的宽度
CSS版本 CSS2

更多示例

例

改变的轮廓的宽度<div>元素，使用"thick"值：

document.getElementById("myDiv").style.outlineWidth = "thick";
试一试»

例

返回的轮廓的宽度<div>元素：

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

相关页面

CSS教程： CSS大纲

CSS参考： outline property

HTML DOM参考： outline property

<Style对象