[an error occurred while processing this directive]

ボックスのアウトラインのスタイルを指定する

outline-style

{ 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