CSS 参考手册

CSS @规则(RULES)

outline-offset CSS属性は、outlineを設定するために使用されます。-offset CSS属性は、輪郭とボーダーや要素のエッジとの間のスペースを設定するために使用されます。ボーダーや要素のエッジとの間のスペースと同じです。

以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用構文を示しています。

デフォルト値：	0
適用範囲：	すべての要素
継承：	ありません
アニメーション可能：	はあります。参照してください：アニメーション属性。
バージョン：	CSS3の新機能
JavaScriptの構文：	object.style.outlineOffset="15px"

この属性の構文は以下の通りです：

outline-offset: length | initial | inherit

以下の例では、outlineの使用方法を示しています。-offset属性。

例

p {
　　　　border:　2px solid red;
　　　　outline:　2px solid green;
　　　　outline-offset:　10px;
}

以下のテーブルは、この属性の値を説明しています。

値	説明
length	輪郭線とエッジとの距離を指定します。デフォルト値は0です。負値は輪郭を要素内に配置します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のoutlineを使用します。-offsetの属性値。

outline-offset属性のブラウザの互換性、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 3。5+ Google Chrome4+ Internet Explorer × Apple Safari 3。1+ Opera 10。5+

以下のチュートリアルを参照してください：CSS outline、CSS border。