| 適用できる要素 | 全て |
|---|---|
| 継承 | なし |
| 初期値 | outline-color: currentColor | outline-style: none | outline-width: medium |
CSSのoutlineプロパティはアウトライン（輪郭線）を設定するプロパティでアウトラインの線の種類・太さ・色を一括指定することが出来ます。
outlineプロパティは下記3つのプロパティを一括で設定できるプロパティです。
outline-offsetプロパティがありますが、こちらのプロパティは設定する必要があればoutline-offsetプロパティとして個別で設定する形となります。outlineプロパティでは線の種類、太さ、色を一括で指定することが出来ます。また全てを指定しなくても、設定したい対象だけ選んで設定することも可能です。
/* 構文 */
outline : outline-style || outline-width || outline-color;
/* 色 | 種類 */
outline: #eee dotted;
/* 種類 | 幅 */
outline: dashed thick;
/* 色 | 種類 | 幅 */
outline: blue solid 5px;上記はoutlineプロパティを使ったサンプルコードです。3種類のボックスを用意し、それぞれoutlineプロパティで輪郭線を設定しています。
CSSのoutlineプロパティはモダンなブラウザのほぼ全てで対応しているプロパティです。outlineプロパティの各ブラウザ毎の対応状況を確認したい方は下記よりご確認頂けます。