outline プロパティ
outline プロパティは、エレメントの縁取り線(アウトライン)を定義するプロパティです。
アウトラインはborderの直ぐ外側に描写され、borderのように上下左右の区別はありません。
アウトラインのサイズはborder同様に、エレメントのwidthやheightに含まれていません。
outline プロパティは以下のプロパティを一括で定義することができます。
outline: 2px red solid;
ページ内 Index
構文(Syntax)
CSS
outline: [ outline-width outline-style outline-color ] | initial | inherit;
DOM ( JavaScript )
String = object.style.outline;
object.style.outline="[ outline-width outline-style outline-color ] | initial | inherit";
値(Values)
| Value | 摘要 |
|---|---|
| outline-width | |
| outline-style | |
| outline-color | |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考(Remarks)
| 初期値(Default value) | medium invert color |
| 継承(Inherited) | No |
| CSS Animation | Yes |
Example
outlineの例です。 見やすいように、点線、赤色、幅を3pxの線に指定しています。 borderの直ぐ外側、marginよりも内側に表示されています。
関連するプロパティ
以下は関連するプロパティです。
| outline | アウトラインに関するプロパティの一括定義 |
| outline-width | 線の幅 |
| outline-style | 線種 |
| outline-color | 線の色 |
| outline-offset | border からの余白 |
