Style outlineOffset属性
- 前のページ outlineColor
- 次のページ outlineStyle
- 上一层に戻る HTML DOM Styleオブジェクト
定義と使用方法
outlineOffset 属性は輪郭をオフセットし、枠線のエッジの外に描画します。
輪郭と枠線には二つの異なる点があります：
- 輪郭はスペースを占めません
- 輪郭は四角形ではない場合があります
他にも参照してください：
CSSリファレンスマニュアル：outline-offset属性
例
輪郭枠線を枠線のエッジから15ピクセル外に出します：
document.getElementById("myDIV").style.outlineOffset = "15px";
文法
outlineOffset属性の返り値：
object.style.outlineOffset
outlineOffset属性の設定：
object.style.outlineOffset = "length|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| length | 輪郭と枠線のエッジからの距離。デフォルト値は0です。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | 親要素からこの属性を継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | 0 |
|---|---|
| 返り値： | 文字列、要素の outline-offset属性。 |
| CSSバージョン： | CSS3 |
ブラウザのサポート
このテーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| サポート | 15.0 | サポート | サポート | サポート |
- 前のページ outlineColor
- 次のページ outlineStyle
- 上一层に戻る HTML DOM Styleオブジェクト
