備忘録的プログラミングリファレンス

outlineプロパティ

 outlineプロパティは、エレメントの縁取り線(アウトライン)を定義するプロパティです。

 アウトラインはborderの外側に描写され、borderのように行下左右の区別はありません。

 アウトラインのサイズはborder同様に、エレメントのwidthやheightに含まれていません。

 outlineプロパティは以下のプロパティを一括で定義することができます。

2px、赤色、実線のアウトライン
outline: 2px red solid;

構文(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 AnimationYes