outline-widthプロパティは、アウトライン（輪郭線）の幅を指定できます。
このアウトラインに関する説明はoutlineプロパティを参照してください。

対応ブラウザ

• 
• 
• 
• 
• 
• 
• 

プロパティの解説

値

<border-width>｜inherit

初期値

medium

適用される要素

全ての要素

継承

しません

パーセント値

N/A

メディア

visual, interactive

<border-width>の解説

thin

細いボーダー

medium

通常のボーダー

thick

太いボーダー

<長さ>

アウトラインのボーダー幅を指定します。なお、マイナス値は使えません。

thin, medium, thickの太さはUA（ブラウザとか）に依存しますが、必ず以下の関係を守る事になっています。

thin <= medium <= thick

outline-widthのサンプル

p {
  margin: 20px;
}

p input {
  margin: 10px 0;
  padding: 3px 5px;
  width: 300px;
}

p input:focus {
  outline-style: solid;
}

p input:focus.sample01 {
  outline-width: thin;
}

p input:focus.sample02 {
  outline-width: medium;
}

p input:focus.sample03 {
  outline-width: thick;
}

p input:focus.sample04 {
  outline-width: 10px;
}

<p>
<input value="thin" size="25" name="sample01" class="sample01" type="text" />
<br />
<input value="medium" size="25" name="sample02" class="sample02" type="text" />
<br />
<input value="thick" size="25" name="sample03" class="sample03" type="text" />
<br />
<input value="10px" size="25" name="sample04" class="sample04" type="text" />
</p>

このサンプルを今見ているブラウザで表示すると以下のようになります。
:focusで指定しているので、対応ブラウザでクリックしてみたりしてアウトラインの幅が変わるのを確認してください。

サンプルのブラウザ上の表示