CSS outline-width 屬性
更多“自己嘗試”的例子見下文。
定義和用法
輪廓是繪製在元素邊框外部的一條線,用於使元素“脫穎而出”。
outline-width
屬性規定輪廓的寬度。
注意: 務必在 outline-width
屬性之前宣告 outline-style 屬性。元素必須具有輪廓才能更改其寬度。
預設值 | medium |
---|---|
繼承 | no |
可動畫 | 是,請參閱各個屬性。 閱讀有關可動畫屬性的說明 嘗試一下 |
版本 | CSS2 |
JavaScript 語法 | object.style.outlineWidth="12px" 嘗試一下 |
提示和註釋
注意: 輪廓與 邊框 不同!與邊框不同,輪廓繪製在元素邊框的外部,並且可能會覆蓋其他內容。此外,輪廓不是元素尺寸的一部分;元素的總寬度和高度不受輪廓寬度的影響。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS 語法
outline-width: medium|thin|thick|length|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
medium | 規定中等寬度的輪廓。這是預設值 | 演示 ❯ |
thin | 規定細輪廓 | 演示 ❯ |
thick | 規定粗輪廓 | 演示 ❯ |
length | 允許您定義輪廓的粗細。 閱讀有關長度單位的說明 | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
更多示例
相關頁面
CSS 教程:CSS 輪廓
CSS 參考:outline 屬性
HTML DOM 參考:outlineWidth 屬性