ボックスのアウトラインをまとめて指定する

outline

{ outline 【 アウトライン 】 : -style -right -bottom; }

outlineプロパティは、要素にアウトラインを描画するプロパティをまとめて指定するショートハンドです。

初期値 各プロパティに準じる
継承 なし
適用される要素 すべての要素
モジュール CSS3 Basic User Interface Module Level 3

値の指定方法

指定できる値は各プロパティと同様です。半角スペースで区切ってそれぞれの値を指定します。任意の順序で指定できます。値を省略した場合は、各プロパティの初期値を指定したものと見なされます。

サンプルコード

.item {
  width: 360px;
  outline: 3px solid #ccc;
}

上の例で指定したoutlineプロパティは、各プロパティを以下のように指定した場合と同様の表示になります。

.item {
  width: 360px;
  outline-width: 3px;
  outline-style: solid;
  outline-color: #ccc;
}

関連記事