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

outline-widthプロパティ

 outline-widthプロパティは、アウトラインの線幅を指定するプロパティです。

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

 outline-widthプロパティは、outline-styleプロパティに線種が指定されていないと機能しません。

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

関連するプロパティ

 以下は関連するプロパティです。

outlineアウトラインに関するプロパティの一括定義
outline-style線種
outline-color線の色
outline-offsetborderからの余白

構文(Syntax)

CSS

outline-width: medium | thin | thick | length | initial | inherit;

DOM(JavaScript)

値の取得
String = object.style.outlineWidth;
値の設定
object.style.outlineWidth="medium | thin | thick | length | initial | inherit";

値(Values)

Value摘要
medium初期値(default値)
thin細め
thick太め
length数値で指定、CSS長さの単位
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)medium
継承(Inherited)No
CSS AnimationYes

Example

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