“outline-width”プロパティ:輪郭線の太さ

概要

“outline-width”プロパティは輪郭線の太さを指定するプロパティです。

輪郭線は領域を占有しません。なので“outline-width”プロパティで指定された輪郭線の太さはレイアウントには影響を与えません。指定された太さによっては他の要素に重なって描画される場合があります。ボーダーを持つ場合は輪郭線はその外側に描画されます。

サンプルコード

div { outline-width: 10px;}


値

仕様書

定義されている仕様書

outline-width

thin
medium
thick
<length>

キーワード値で指定する

div {

outline-style: solid;
outline-width: thin;

}

outline-width: thin;

div {

outline-style: solid;
outline-width: medium;

}

outline-width: medium;

div {

outline-style: solid;
outline-width: thick;

}

outline-width: thick;

“<length>”値で指定する

div {

outline-style: solid;
outline-width: 5px;

}

outline-width: 5px;

div {

outline-style: solid;
outline-width: 5em;

}

outline-width: 5em;