CSSリファレンスマニュアル

CSS@ルール（RULES）

border-left-color CSS属性は、独自に要素の左側のボーダーの色を設定できます。しかし、多くの場合、通常は短縮したCSS属性、例えば　 border-colorまたはborder-left使いやすくなりました。

以下の表は、この属性の使用方法とバージョン履歴、javascriptスクリプトでの使用構文を示しています。

デフォルト値：	color属性値
適用：	すべての要素
継承：	ありません
アニメーション可能：	はい。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript構文：	object object.style.borderLeftColor="red"

この属性の構文は以下の通りです：

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

以下の例では、border-left-color属性。

例

　　p　{
　　　border-style:　solid;
　　　border-left-color:　#ff0000;
　　}

注意：次の場所でborder-style属性の前にborder-left-color属性。要素がボーダーを持っている場合のみ、ボーダーの色を設定することができます。なぜなら、border-styleこの属性のデフォルト値はnoneです。

以下の表は、この属性の値について説明しています。

値	説明
color	上段のボーダーの色を指定します。見てくださいCSS色値可能な色値リストを取得するために
transparent	边框は透明になることもありますが、それでも占める可能性があります。border-width属性が設定される空間。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のborderを利用します。-left-color属性値。

border-left-color属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

チュートリアルを参照：CSS Border、CSS3 Border。