outlineプロパティに指定できる値
指定できる値は各プロパティを参照してください。
なお、こちらのプロパティではoutline-offsetプロパティについては値を指定することはできません。
プロパティ | 指定する内容 |
---|---|
outline-styleプロパティ | アウトラインのスタイル(見た目)。 |
outline-widthプロパティ | アウトラインの太さ |
outline-colorプロパティ | アウトラインの色 |
アウトラインは指定した要素の外側に線を敷くため、ボーダーよりも外側に表示されます。
親要素のmarginプロパティやpaddingプロパティの領域に重なる点に注意してください。
また、outlineプロパティは上下左右の4辺全てに一括指定することしかできないため、borderプロパティのように特定の辺だけ指定するといったことはできません。
使用例
アウトラインの色、太さ、スタイルを一括指定している例です。
CSS コード例
.element1 {
outline: 5px solid #006ac3;
}
HTML コード例
<p class="element1"></p>