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

outline-styleプロパティ

 outline-styleプロパティは、アウトラインの線種(ラインスタイル)を指定するプロパティです。

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

アウトラインを点線、赤色、2pxで定義
outline-style: dotted;
outline-color: red;
outline-width: 2px;

構文(Syntax)

CSS

outline-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.outlineStyle;
値の設定
object.style.outlineStyle="none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit";

Values

Value摘要
none初期値(default値)、表示されない
hidden隠す
dotted点線
dashed破線
solid実線
double2重線
groove立体に凹んだ線
ridge立体に凸だ線
inset全体的に立体、右下が明るい
outset全体的に立体、上左が明るい
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none
継承(Inherited)No
CSS AnimationNo