Style borderLeftColor属性
- 前のページ borderLeft
- 次のページ borderLeftStyle
- 上層に戻る HTML DOM Styleオブジェクト
定義と使用法
borderLeftColor 要素の左側の枠線の色を設定または返します。
も参照してください：
CSSチュートリアル：CSS 枠線
CSSリファレンスマニュアル：border-left-color属性
HTML DOMリファレンスマニュアル：border属性
例
例1
<div>要素の左側の枠線の色を赤に変更します：
document.getElementById("myDiv").style.borderLeftColor = "red";
例2
<div>要素の左側の枠線の色を返します：
alert(document.getElementById("myDiv").style.borderLeftColor);
文法
borderLeftColor属性を返します：
object.style.borderLeftColor
borderLeftColor属性を設定します：
object.style.borderLeftColor = "color|transparent|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| color |
左側の枠線の色を指定します。デフォルトはブラックです。 参照してください CSS色値、可能な色値の完全なリストを取得します。 |
| transparent | 左側の枠線の色が透明（下層の内容が透けて見えます）。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | この属性を親要素から継承します。参照してください inherit。 |
技術的詳細
| デフォルト値： | ブラック |
|---|---|
| 返り値： | 文字列で、要素の左側の枠線の色を表します。 |
| CSSバージョン： | CSS1 |
ブラウザのサポート
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| サポート | サポート | サポート | サポート | サポート |
- 前のページ borderLeft
- 次のページ borderLeftStyle
- 上層に戻る HTML DOM Styleオブジェクト
