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 屬性