Style outlineColor属性
- 前のページ outline
- 次のページ outlineOffset
- 上一层に戻る HTML DOM Styleオブジェクト
定義と使用方法
outlineColor 属性を設定または返して、要素の周りの輪郭の色を指定します。
輪郭は要素の周りを囲む一つの線です。それは要素のマージン周りに表示されますが、 border属性 異なります。
輪郭は要素のサイズの一部ではありませんので、要素の幅と高さ属性には輪郭の幅は含まれません。
他にも参照してください：
CSSチュートリアル：CSS 輪郭
CSSリファレンスマニュアル：outline-color属性
HTML DOMリファレンスマニュアル：outline属性
例
例1
<div>要素の輪郭色を変更します：
document.getElementById("myDiv").style.outlineColor = "#00ff00";
例2
<div>要素の枠線色を返します：
alert(document.getElementById("myDiv").style.outlineColor);
構文
outlineColor属性の返り値：
object.style.outlineColor
outlineColor属性の設定：
object.style.outlineColor = "color|invert|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| color |
輪郭の色を指定します。 以下を確認してください CSS色値、可能な色値の完全なリストを取得します。 |
| invert | 輪郭の色を逆転させます。デフォルト。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | 親要素からこの属性を継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | invert |
|---|---|
| 返り値： | 文字列、要素の輪郭の色を表す。 |
| CSSバージョン： | CSS2 |
ブラウザサポート
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| サポート | サポート | サポート | サポート | サポート |
- 前のページ outline
- 次のページ outlineOffset
- 上一层に戻る HTML DOM Styleオブジェクト
