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