CSSのアウトラインオフセットプロパティ
例
境界エッジの外側15ピクセルの4ピクセルの赤一色のアウトラインを指定します。
div
{
outline: 4px solid red;
outline-offset: 15px;
}
定義と使用法
outline-offset
プロパティは、アウトラインと要素のエッジまたは境界線の間にスペースを追加します。
要素とその輪郭の間のスペースは透明です。
アウトラインは、次の3つの点で境界線とは異なります。
- アウトラインは、境界の端の外側で、要素の周りに描かれた線です。
- アウトラインはスペースを取りません
- アウトラインは長方形ではない場合があります
デフォルト値: | 0 |
---|---|
遺伝性の: | いいえ |
アニメート可能: | はい、個々のプロパティを参照してください。アニメート可能について読む |
バージョン: | CSS3 |
JavaScript構文: | object .style.outlineOffset = "15px" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
CSS構文
outline-offset: length|initial|inherit;
プロパティ値
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
関連ページ
CSSチュートリアル:CSSユーザーインターフェイス
HTML DOMリファレンス:outlineOffsetプロパティ