≪ 目次 ＜ プロパティ一覧 ［ 戻る ］ 使用例 ↓ borderプロパティとの相違点 ＞
outlineプロパティは、IE8 以前のバージョンのIEでは反映されません。
outlineプロパティは、輪郭線の太さ、色、種類を一括指定します。
| 値 (value) |
以下の値を 半角空白で区切り、順不同で指定します。各値は省略可
| |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | 輪郭線の太さ: medium（中線） 色さ: 該当要素の有効なcolorプロパティ値 種類さ: none（輪郭線無し） | |
| 継承 | しません | |
outline-widthプロパティは、輪郭線の太さを一括指定します。
outline-colorプロパティは、輪郭線の色を一括指定します。
outline-styleプロパティは、輪郭線の種類を一括指定します。
| 値 (value) | none | 輪郭線無し。outline-widthプロパティで ”0” を指定したのと等価。 |
| hidden | none と同じですが、TABLE要素で矛盾が発生する場合を除きます。 | |
| dotted | 点線 | |
| dashed | 破線 | |
| solid | 実線 | |
| double | ２本線。線の太さと線間は等しく、太さは、outline-widthプロパティで指定します。 | |
| groove | 輪郭線の種類と太さ参照 | |
| ridge | ||
| inset | ||
| outset | ||
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | none （輪郭線無し） | |
| 継承 | しません | |
輪郭線全周の太さ、色、種類を一括指定します。
outline-style : dotted ; outline-width : thin;
0123456789
outline-style : dashed ; outline-width : medium;
0123456789
outline-style : solid ; outline-width : thick;
0123456789
outline-style : solid ; outline-width : 1px;
0123456789
outline-style : double ; outline-width : 6px; outline-color : red;
0123456789
outline-style : groove ; outline-width : 0.5em; outline-color : red;
0123456789
outline-style : ridge ; outline-width : 5px; outline-color : red;
0123456789
outline-style : inset ; outline-width : 5px; outline-color : red;
0123456789
outline-style : outset ; outline-width : 5px; outline-color : red;
0123456789