CSS アウトライン(outline)


アウトライン(outline)は、要素の周囲に描画される線で、ボーダー枠の外側に位置し、要素を目立たせる役割を果たします。

アウトライン(outline)プロパティは、要素のアウトラインのスタイル、色、幅を指定します。


アウトライン(outline)の例


この例では、outlineプロパティを使用して要素の周囲に線を描画する方法を示します。


この例では、アウトラインのスタイルを設定する方法を示します。


この例では、アウトラインの色を設定する方法を示します。


この例では、アウトラインの幅を設定する方法を示します。


CSS アウトライン(outline)

アウトライン(outline)は、要素の周囲に描画される線で、ボーダー枠の外側に位置し、要素を目立たせる役割を果たします。

CSS outlineプロパティは、要素のアウトラインのスタイル、色、幅を指定します。

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
その他の拡張