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

outline プロパティ

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

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

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

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

2px、赤色、実線のアウトライン
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 AnimationYes

Example

 outlineの例です。 見やすいように、点線、赤色、幅を3pxの線に指定しています。 borderの直ぐ外側、marginよりも内側に表示されています。