定義と使用法
アウトラインは、要素の周りに描かれている行である(outside the borders)要素を作るために"stand out" 。
アウトライン-colorプロパティは、アウトラインの色を指定します。
Note:必ずアウトライン-colorプロパティの前にアウトラインスタイルのプロパティを宣言。 あなたはそれの色を変更する前に要素が輪郭を持っている必要があります。
| デフォルト値： | invert |
|---|---|
| 継承されました： | no |
| アニメーション： | yes, see individual properties . Read about animatable Try it |
| バージョン： | CSS2 |
| JavaScriptシンタックス： | object .style.outlineColor="#FF0000" Try it |
ヒントと注意事項
アウトラインは、要素の周りのラインです。 これは、要素のマージン周囲に表示されます。 しかし、それは国境のプロパティとは異なります。
アウトラインは、したがって、要素の幅と高さのプロパティは、アウトラインの幅を含まない、要素の寸法の一部ではありません。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| outline-color | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: ！のIE8は、DOCTYPEが指定された場合にのみアウトライン-colorプロパティをサポートしています。
CSSの構文
outline-color: invert|color|initial|inherit;プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| invert | 色反転を行います。 これは、アウトラインは関係なく、色の背景の、表示されていることを保証します。 これがデフォルトです | それを再生します» |
| color | 輪郭線の色を指定します。 見CSSカラー値の可能な色の値の完全なリストについて。 | それを再生します» |
| initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル： CSSの概要
CSSリファレンス： outline property
HTML DOMリファレンス： outlineColor property