outline-styleプロパティは、ボーダーの外側にアウトラインをつけるプロパティです。
{outline-style: スタイル;}
ボタンや入力フィールド、イメージマップなどを目立たせたいときに利用します。
値の指定方法
outline-styleプロパティでは、以下のような値を指定してボックスのアウトラインのスタイルを決定します。
| none | アウトラインの表示なし |
|---|---|
| solid | 1本の実線 |
| double | 2重線 |
| dotted | 点線 |
| dashed | 破線 |
| groove | 立体的にくぼんだ線 |
| ridge | 立体的に隆起した線 |
| inset | 内部が立体的にくぼんで表示 |
| outset | 内部が立体的に隆起して表示 |
アウトラインのスタイルに実線を指定。
アウトラインのスタイルに2重線を指定。
アウトラインのスタイルに点線を指定。
アウトラインのスタイルに破線を指定。
関連記事
『outlineでアウトラインをまとめて指定する【CSS】』
『outline-offsetでアウトラインとボーダーの間隔を指定【CSS】』
『outline-widthでアウトラインの幅を指定する【CSS】』
『outline-colorでアウトラインの色を指定する【CSS】』
Leave a Comment