CSS3 outline-offset プロパティ

ボーダー境界の外側 15 ピクセルにアウトラインを指定します：

div {
    border: 2px solid black;
    outline: 2px solid red;
    outline-offset: 15px;
}

定義と用法

outline-offset プロパティは、要素のアウトラインと、要素のボーダー境界の間隔を設定します。

アウトラインは、ボーダーとは次の 3 点で異なります：

デフォルト値：	0
継承：	継承する
アニメーション可否：	yes, 個別のプロパティを参照してください. animatable を参照 Try it
バージョン：	CSS3
JavaScript 構文：	object.style.outlineOffset="15px" Try it

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
outline-offset	4.0	未サポート	3.5	3.1	10.5

outline-offset: length|initial|inherit;

値	説明
length	ボーダー境界からアウトラインを離す距離を指定します。デフォルトは 0 です
initial	プロパティにデフォルト値を設定します。initial を参照
inherit	このプロパティは親要素を継承します。inherit を参照