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

outline-width プロパティ

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

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

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

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

詳しくは Example を参照してください

構文(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よりも内側に表示されています。