CSS アウトライン(outline)
アウトライン(outline)は、要素の周囲に描画される線で、ボーダー枠の外側に位置し、要素を目立たせる役割を果たします。
アウトライン(outline)プロパティは、要素のアウトラインのスタイル、色、幅を指定します。
アウトライン(outline)の例
この例では、outlineプロパティを使用して要素の周囲に線を描画する方法を示します。
この例では、アウトラインのスタイルを設定する方法を示します。
この例では、アウトラインの色を設定する方法を示します。
この例では、アウトラインの幅を設定する方法を示します。
CSS アウトライン(outline)
アウトライン(outline)は、要素の周囲に描画される線で、ボーダー枠の外側に位置し、要素を目立たせる役割を果たします。
CSS outlineプロパティは、要素のアウトラインのスタイル、色、幅を指定します。

すべてのCSSアウトライン(outline)プロパティ
"CSS"列の数字は、そのプロパティが定義されたCSSバージョン(CSS1またはCSS2)を示します。
| プロパティ | 説明 | 值 | CSS |
|---|---|---|---|
| outline | すべてのアウトラインプロパティを1つの宣言で設定する | outline-color outline-style outline-width inherit |
2 |
| outline-color | アウトラインの色を設定する | color-name hex-number rgb-number invert inherit |
2 |
| outline-style | アウトラインのスタイルを設定する | none dotted dashed solid double groove ridge inset outset inherit |
2 |
| outline-width | アウトラインの幅を設定する | thin medium thick length inherit |
2 |