outline-width 【アウトラインの太さ】
[IE5] [Fx2] [Op7]
outline-widthプロパティは、アウトラインの色を指定する際に使用します。輪郭線を表示させる場合には、必ずoutline-styleの値を変えましょう。
borderプロパティと違って、上下左右に独立した指定をする事は出来ません。
数値で指定する
pxやemなど、任意の単位に数値を指定して太さを決めます。
キーワードで指定する
thin(細い)、medium(普通)、thick(太い)のキーワードで大まかな指定が出来ます。太さはブラウザ依存なので、あまり使う機会は無さそうですね。
outline-widthの使用例
CSSファイル
.sample001 {
outline-width: 0.5em;
outline-style: solid;
margin: 30px 10px;
}
.sample002 {
outline-width: 10px;
outline-style: dashed;
margin: 30px 10px;
}
.sample003 {
outline-width: 1ex;
outline-style: outset;
margin: 30px 10px;
}
HTMLソース
<p class="sample001">アウトラインの太さ指定サンプル</p>
<p class="sample002">アウトラインの太さ指定サンプル</p>
<p class="sample003">アウトラインの太さ指定サンプル</p>
表示すると
アウトラインの太さ指定サンプル：0.5em
アウトラインの太さ指定サンプル：10px
アウトラインの太さ指定サンプル：1ex
アウトライン関連項目
| outline | アウトラインのスタイル・太さ・色を指定する |
| outline-color | アウトラインの色を指定する |
| outline-style | アウトラインのスタイルを指定する |
| outline-width | アウトラインの太さを指定する |
