outline-offsetプロパティに指定できる値
outline-offsetプロパティに指定する要素とアウトラインの間隔は「数値 + 任意の単位」で指定します。
上下左右の4辺全てに一括指定することしかできないため、borderプロパティのように特定の辺だけ指定するといったことはできません。
CSS コード例
.element1 {
outline: 5px solid #006ac3;
outline-offset: 5px;
}HTML コード例
<p class="element1"></p>ブラウザで表示すると以下のようになります。
アウトラインは指定した要素の外側に線を敷くため、ボーダーよりも外側に表示されます。
親要素のmarginプロパティやpaddingプロパティの領域に重なる点に注意してください。
