概要
CSS の outline-width プロパティは、要素のアウトラインの幅を設定します。アウトラインとは、要素を囲むように、ボーダー境界の外側に描かれる線で、要素を目立たせます。
| 初期値 | medium |
|---|---|
| 適用対象 | 全要素 |
| 継承 | 不可 |
| メディア | visual, interactive |
| 計算値 | 絶対的 length。キーワード none が指定されると計算値は 0 になります |
| アニメーションの可否 | 可。 の値として補完しますlength |
| 正規順序 | 形式文法で定義される一意のあいまいでない順序 |
構文
形式文法: <br-width>
outline-width: thin outline-width: medium outline-width: thick outline-width: 1px /* values */ outline-width: 0.1em outline-width: inherit
値
thin- ユーザエージェントに依存します。Firefox のようなデスクトップブラウザでは、通常は 1px です
medium- ユーザエージェントに依存します。Firefox のようなデスクトップブラウザでは、通常は 3px です
thick- ユーザエージェントに依存します。Firefox のようなデスクトップブラウザでは、通常は 5px です
<length><length>値をご覧ください。
例
thin medium thick 2px 1ex 2em
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| CSS Basic User Interface Module Level 3 outline-width の定義 |
勧告候補 | 変更なし |
| CSS Transitions outline-width の定義 |
草案 | outline-width をアニメーション可能として定義 |
| CSS Level 2 (Revision 1) outline-width の定義 |
勧告 |
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| 基本サポート | 1.0 | 1.5 (1.8) [*] | 8.0 | 7.0 | 1.2 (125) |
| 機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | ? | ? | ? | ? | ? |
Gecko 1.8 (Firefox 1.5) 以前のブラウザでは、基本的に同じ効果を Mozilla CSS Extension の -moz-outline-width を使って実現可能です。