{ outline-style 【 アウトライン・スタイル 】 : スタイル; }

outline-styleプロパティは、ボーダーの外側にアウトラインを描画します。ボタンや入力フィールド、イメージマップなどを目立たせたいときに利用します。

初期値	none
継承	なし
適用される要素	すべての要素
モジュール	CSS3 Basic User Interface Module Level 3

値の指定方法

スタイル

none	アウトラインは表示されません。
dotted	点線で表示されます。
dashed	破線で表示されます。
solid	1本の実線で表示されます。
double	2本の実線で表示されます。
groove	立体的にくぼんだ線で表示されます。
ridge	立体的に隆起した線で表示されます。
inset	アウトラインの内部が立体的にくぼんだように表示されます。
outset	アウトラインの内部が立体的に隆起したように表示されます。

サンプルコード

.item{
  width: 100px;
  border: solid 1px black;
  outline-style: dotted;
}

Google Chrome