CSS outline-colorプロパティ
プロパティ定義と使用説明
アウトライン（輪郭）は、要素の周囲に描画される線であり、ボーダー（枠線）の外側に位置します。
outline-color プロパティは輪郭の色を指定します。
注意：outline-color プロパティの前に、常に outline-style プロパティを宣言してください。要素は輪郭を取得した後でなければ、輪郭の色を変更できません。
| デフォルト値： | invert |
|---|---|
| 継承： | no |
| バージョン： | CSS2 |
| JavaScript 構文： | object.style.outlineColor="#0080FF" |
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザバージョンを示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
ヒントと注記
outline は要素を囲みます。それは要素の周囲のマージンを囲みます。ただし、ボーダー（枠線）プロパティとは異なります。
outline は要素の寸法の一部ではありません。したがって、要素の width および height プロパティは輪郭の幅を含みません。
プロパティ値
| 值 | 説明 | |
|---|---|---|
| color | 輪郭の色を指定します。CSSカラー値色の値の完全なリストを参照してください。 | |
| invert | デフォルト。色の反転（逆の色）を行います。輪郭をさまざまな背景色の中でも表示できるようにします。 | |
| inherit | 親要素から輪郭の色の設定を継承することを指定します。 |
関連記事
CSS チュートリアル:CSS Outline
CSS リファレンス:outline プロパティ
その他の拡張