“outline-offset”プロパティ:要素と輪郭線の距離

概要

“outline-offset”プロパティは要素の要素と輪郭線の間の距離を指定するプロパティです。

既定では輪郭線はボーダー・ボックスの外縁に沿って配されますが、“outline-offset”プロパティによって輪郭線を要素から離すことができます。

“outline-offset”プロパティはボーダー・ボックスの外縁と輪郭線の内縁の距離を指定します。輪郭線とボーダーの間は透明です。

サンプルコード

div { outline-offset: 5px;}


値

仕様書

定義されている仕様書

outline-offset

<length>

要素と輪郭線の距離を指定する

div { outline-offset: 10px;}


outline-offset: 10px;

輪郭線を要素の内側に描画する

div { outline-offset: -10px;}


outline-offset: -10px;