CSS outline-color 屬性
實例
設置一個虛線輪廓的顏色:
p
{
outline-style:dotted;
outline-color:#00ff00;
}
{
outline-style:dotted;
outline-color:#00ff00;
}
屬性定義及使用說明
outline (輪廓)是繪製於元素周圍的一條線,位於邊框邊緣的週邊。
outline-color屬性指定輪廓顏色。
注意: 請始終在 outline-color 屬性之前聲明 outline-style 屬性。元素只有獲得輪廓以後才能改變其輪廓的顏色。
默認值: | invert |
---|---|
繼承: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.outlineColor="#00FF00" |
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
屬性 | |||||
---|---|---|---|---|---|
outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
提示和注釋
outline是圍繞元素。它是圍繞元素的邊距。但是,它是來自不同的邊框屬性。
outline不是元素尺寸的一部分,因此元素的寬度和高度屬性不包含輪廓的寬度。
屬性值
值 | 描述 | |
---|---|---|
color | 指定輪廓顏色。在 CSS顏色值尋找顏色值的完整列表。 | |
invert | 默認。執行顏色反轉(逆向的顏色)。可使輪廓在不同的背景顏色中都是可見。 | |
inherit | 規定應該從父元素繼承輪廓顏色的設置。 |
相關文章
CSS 教學: CSS Outline
CSS 參考手冊: outline 屬性