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