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

対応ブラウザ

• 
• 
• 
• 
• 
• 
• 

プロパティの解説

値

<border-style>｜inherit

初期値

none

適用される要素

全ての要素

継承

しません

パーセント値

N/A

メディア

visual, interactive

アウトラインの種類は、<border-style>と同様ですが、hiddenの指定はできません。

outline-styleのサンプル

p {
  margin: 20px;
}

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

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

p input:focus.sample01 {
  outline-style: none;
}

p input:focus.sample02 {
  outline-style: dotted;
}

p input:focus.sample03 {
  outline-style: dashed;
}

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

p input:focus.sample05 {
  outline-style: double;
}

p input:focus.sample06 {
  outline-style: groove;
}

p input:focus.sample07 {
  outline-style: ridge;
}

p input:focus.sample08 {
  outline-style: inset;
}

p input:focus.sample09 {
  outline-style: outset;
}

<p>
<input value="none" size="25" name="sample01" class="sample01" type="text" />
<br />
<input value="dotted" size="25" name="sample02" class="sample02" type="text" />
<br />
<input value="dashed" size="25" name="sample03" class="sample03" type="text" />
<br />
<input value="solid" size="25" name="sample04" class="sample04" type="text" />
<br />
<input value="double" size="25" name="sample05" class="sample05" type="text" />
<br />
<input value="groove" size="25" name="sample06" class="sample06" type="text" />
<br />
<input value="ridge" size="25" name="sample07" class="sample07" type="text" />
<br />
<input value="inset" size="25" name="sample08" class="sample08" type="text" />
<br />
<input value="outset" size="25" name="sample09" class="sample09" type="text" />
</p>

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

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