Style outlineWidth 屬性

Style 對(duì)象

定義和用法

outlineWidth 屬性設(shè)置或返回元素周圍的輪廓的寬度。

語法

設(shè)置 outlineWidth 屬性：

Object.style.outlineWidth="thin|medium|thick|length|inherit"

返回 outlineWidth 屬性：

Object.style.outlineWidth

值	描述
thin	定義細(xì)的輪廓。
medium	默認(rèn)。定義中等的輪廓。
thick	定義粗的輪廓。
length	使用 px、cm 等單位定義輪廓的寬度。
inherit	輪廓的寬度從父元素繼承。

瀏覽器支持

所有主要瀏覽器都支持 outlineWidth 屬性。

注意：IE7 及更早的版本不支持 outlineWidth 屬性。IE8 只有規(guī)定了 !DOCTYPE 才支持 outlineWidth 屬性。IE9 支持 outlineWidth 屬性。

提示和注釋

輪廓是圍繞元素周圍的線條。它是顯示在元素的 margin 的周圍。但是，它與 border 屬性不同。

輪廓不是元素尺寸的一部分，因此元素的 width 和 height 屬性不包含輪廓的寬度。

實(shí)例

更改輪廓的寬度：

<html>
<head>
<style type="text/css">
#ex1
{
border:1px solid red;
outline:green dotted thick;
}
</style>
<script>
function displayResult()
{
document.getElementById("ex1").style.outlineWidth="10px";
}
</script>
</head>
<body>

<div id="ex1">This is some text.</div>
<br>
<button type="button" onclick="displayResult()">Change outline width</button>

</body>
</html>

運(yùn)行代碼 ?

Style 對(duì)象其他擴(kuò)展

上一篇：Style outlineStyle 屬性下一篇：Style overflow 屬性