CSS outline-color 屬性
更多“自己嘗試”的例子見下文。
定義和用法
輪廓是繪製在元素邊框外部的一條線,用於使元素“脫穎而出”。
outline-color
屬性指定輪廓的顏色。
注意: 始終在 outline-color
屬性之前宣告 outline-style 屬性。在更改元素的顏色之前,必須先為其設定輪廓。
預設值 | currentcolor |
---|---|
繼承 | no |
可動畫 | 是,檢視各個屬性。 閱讀關於可動畫化屬性 嘗試一下 |
版本 | CSS2 |
JavaScript 語法 | object.style.outlineColor="#FF0000" 嘗試一下 |
提示和註釋
注意: 輪廓與 邊框 不同!與邊框不同,輪廓繪製在元素邊框的外部,並且可能會覆蓋其他內容。此外,輪廓不是元素尺寸的一部分;元素的總寬度和高度不受輪廓寬度的影響。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS 語法
outline-color: color|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
color | 指定輪廓的顏色。請參閱 CSS 顏色值 以獲取完整的可能顏色值列表。 | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
相關頁面
CSS 教程:CSS 輪廓
CSS 參考:outline 屬性
HTML DOM 參考: outlineColor 屬性