CSS

"outline-width" is a CSS property used to specify the thickness of the outline drawn around an element.

outline-width

　outline-widthとは、CSSで使用されるプロパティの 1つで、要素の周囲に描かれるアウトラインの太さを指定するために使用されます。

　outline-widthは、以下のような書式で使用します。

要素 {
	outline-width: 値;
}

　outline-widthの値は、以下のように指定できます。

px (ピクセル)

値をピクセル単位で指定することができます。

em (フォントサイズに依存)

値を現在のフォントサイズの倍数で指定することができます。

% (パーセント)

値を親要素の幅に対するパーセントで指定することができます。

thin

アウトラインを最も細く描画するための値です。

medium

アウトラインを中程度に描画するための値です。

thick

アウトラインを最も太く描画するための値です。

　以下は、outline-widthを使用したサンプルコードです。

<div class="outlineSample">Hello World!</div>

.outlineSample {
	margin: 20px;
	width: 200px;
	height: 100px;
	border: 1px solid black;
	outline: 2px solid red;
	outline-offset: 10px;
}

　このサンプルコードでは、div要素の周囲に 2pxの赤いアウトラインが描かれます。また、アウトラインと要素の間に 10pxのオフセットが設定されています。