CSS border-left-color プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

左ボーダーの色を設定します:

p {
    border-style: solid;
    border-left-color: #ff0000
}
Try it Yourself ❯

定義と用法

border-left-color プロパティは、要素の左ボーダーの色を設定します。

注: 常に border-left-color プロパティの前で、border-style プロパティを宣言してください。 色を変更する前に、要素にはボーダーがなければなりません。

デフォルト値: 要素の現在の色
継承: 継承する
アニメーション可否: 可。animatable を参照 Try it
バージョン: CSS1
JavaScript 構文: object.style.borderLeftColor="blue" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
border-left-color 1.0 4.0 1.0 3.5 1.0

注: Internet Explorer 6 (以前)では、プロパティ値 "transparent" をサポートしていません。


CSS 構文

border-left-color: color|transparent|initial|inherit;

プロパティの値

説明 Play it
color 左ボーダーの色を指定します。 色値の完全なリストについては、CSSの色値を参照してください。 デフォルトの色は要素の色です Play it ❯
transparent ボーダーの色を透明に指定します Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル: CSS Border

CSSリファレンス:border-left プロパティ

HTML DOM リファレンス: borderLeftColor プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯