outline プロパティ
outline プロパティは、エレメントの縁取り線(アウトライン)を定義するプロパティです。
アウトラインはborderの直ぐ外側に描写され、borderのように上下左右の区別はありません。
アウトラインのサイズはborder同様に、エレメントのwidthやheightに含まれていません。
outline プロパティは以下のプロパティを一括で定義することができます。
ページ内 Index
構文(Syntax)
CSS
DOM ( JavaScript )
値(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 からの余白 |