outline-width：アウトラインの太さを指定する

適用対象	全ての要素
継承	しない

outline-widthプロパティは、アウトラインの太さを指定する際に使用します。輪郭線を表示させる場合には、必ずoutline-styleプロパティの値を変えましょう。

borderプロパティと違い、スペースを取らないためレイアウトに影響を与えません。また、上下左右に独立した指定をする事は出来ません。

outline-widthに与えられる値

outline-width: 数値で指定する;: [px]や[em]など、任意の単位に数値を指定して太さを決めます。
outline-width: キーワードで指定する;: [thin（細い）]、[medium（普通）]、[thick（太い）]のキーワードで大まかな指定が出来ます。太さはブラウザ依存なので、あまり使う機会は無さそうですね。

outline-widthの使用サンプル

CSS

.box_sample {
 outline-width: 1px;
 outline-style: solid;
 outline-color: #FF9900;
 padding: 5px;
 margin-bottom: 10px;
}
.input_sample01 {
 outline-width: 3px;
 outline-style: solid;
 outline-color: #0000FF;
}
.input_sample02 {
 outline-width: thin;
 outline-style: dotted;
 outline-color: red;
}
.input_sample03 {
 outline-width: thick;
 outline-style: dashed;
 outline-color: invert;
}

XHTML

<div class="box_sample">
<input type="text" value="outline-width:3px;" size="60" class="input_sample01" />
</div>

<div class="box_sample">
<input type="text" value="outline-width:thin;" size="60" class="input_sample02" />
</div>

<div class="box_sample">
<input type="text" value="outline-width:thick;" size="60" class="input_sample03" />
</div>

表示確認

outline-widthに関連するCSSプロパティ

外枠（ボーダー・アウトライン）
border	要素の周囲にボーダー（枠線）を付ける
border-bottom	要素の底辺にボーダー（枠線）を付ける
border-bottom-color	要素の底辺に設定したボーダー（枠線）の色を指定する
border-bottom-left-radius	要素の左下の角丸を指定する
border-bottom-right-radius	要素の右下の角丸を指定する
border-bottom-style	要素の底辺に設定したボーダー（枠線）のスタイル（種類）を指定する
border-bottom-width	要素の底辺に設定したボーダー（枠線）の太さを指定する
border-break	ボックスが分割された場合のボーダーの表示方法を指定する
border-collapse	テーブルセルのボーダーの表示の仕方を指定する
border-color	要素のボーダー（枠線）の色を指定する
border-image	要素のボーダー（枠線）に画像を指定する
border-image-outset	ボーダーイメージエリアを広げる
border-image-repeat	ボーダー（枠線）に指定された画像の繰り返し方法を指定する
border-image-slice	ボーダー（枠線）に指定された画像の使用範囲を指定する
border-image-source	ボーダー（枠線）に使用する画像ファイルを指定する
border-image-width	画像ボーダーの太さを指定する
border-left	要素の左辺にボーダー（枠線）を付ける
border-left-color	要素の左辺に設定したボーダー（枠線）の色を指定する
border-left-style	要素の左辺に設定したボーダー（枠線）のスタイル（種類）を指定する
border-left-width	要素の左辺に設定したボーダー（枠線）の太さを指定する
border-length	脚注の区切り線の長さを指定する
border-radius	要素の角丸についてまとめて指定する
border-right	要素の右辺にボーダー（枠線）を付ける
border-right-color	要素の右辺に設定したボーダー（枠線）の色を指定する
border-right-style	要素の右辺に設定したボーダー（枠線）のスタイル（種類）を指定する
border-right-width	要素の右辺に設定したボーダー（枠線）の太さを指定する
border-spacing	テーブルセルのボーダーの間隔を指定する
border-style	ボーダー（枠線）の種類を指定する
border-top	要素の上辺にボーダー（枠線）を付ける
border-top-color	要素の上辺に設定したボーダー（枠線）の色を指定する
border-top-left-radius	要素の左上の角丸を指定する
border-top-right-radius	要素の右上の角丸を指定する
border-top-style	要素の上辺に設定したボーダー（枠線）のスタイル（種類）を指定する
border-top-width	要素の上辺に設定したボーダー（枠線）の太さを指定する
border-width	ボーダー（枠線）の太さを指定する
outline	アウトラインの表示方法をまとめて指定する
outline-color	アウトラインの色を指定する
outline-offset	アウトラインのオフセット値を指定する
outline-style	アウトラインのスタイルを指定する
outline-width	アウトラインの太さを指定する