Style outlineColor 屬性

Style 對象

定義和用法

outlineColor 屬性設置或返回元素周圍的輪廓的顏色。

語法

設置 outlineColor 屬性：

Object.style.outlineColor="color|invert|inherit"

返回 outlineColor 屬性：

Object.style.outlineColor

值	描述
color	規(guī)定輪廓的顏色。在 CSS 顏色值中尋找可能的顏色值的完整列表。
invert	默認。反轉輪廓的顏色為相反值。
inherit	輪廓的顏色從父元素繼承。

瀏覽器支持

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

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

提示和注釋

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

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

實例

更改輪廓的顏色：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(json.cn)</title>
<style type="text/css">
#ex1{
????border:1px solid red;
????outline:green dotted thick;
}
</style>
<script>
function displayResult(){
????document.getElementById("ex1").style.outlineColor="#0000FF";
}
</script>
</head>
<body>

<div id="ex1">這是一些文本。</div>
<br>
<button type="button" onclick="displayResult()">修改外邊框顏色</button>
<p><b>注意:</b> IE8 及以下版本如果要支持 outline 屬性，則必須聲明 !DOCTYPE。</p>

</body>
</html>

運行代碼 ?

Style 對象其他擴展

上一篇：Style outline 屬性下一篇：Style outlineOffset 屬性