Style borderTopColor属性

定義と用法

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
サポート サポート サポート サポート サポート