CSS 参考手册

CSS @规则(RULES)

border-color CSS属性は、単一のボーダーカラー属性を設定するために使用され、短縮記法属性です；border-top-color、border-right-color、border-bottom-colorおよびborder-left-color単一の宣言用

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

object.style.borderColor="#cc0000 red"

border-colorの使用構文　1　この属性の構文は以下の通りです：　4　color:　[　color　|　transparent　]

values　|　inherit指定された場合、この短縮記号は1、2、3、または4つのスペースで区切られた値を取ることができます。1つの値
指定された場合、各値は上、右、下、左の順序でそれぞれ境界線に適用されます。指定された場合、最初の値はすべての境界線に適用されます。2つの値
指定された場合、各値は上、右、下、左の順序でそれぞれ境界線に適用されます。指定された場合、最初の値は上と下の境界線に、次の値は右と左の境界線に適用されます。3つの値
指定された場合、各値は上、右、下、左の順序でそれぞれ境界線に適用されます。4つの値、すべての値は上、右、下、左の順序でそれぞれ境界線に適用されます。

以下の例では、borderの使用方法を示しています-color属性。

例

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

注意：border-color属性が前で宣言されていないためborder-style属性。要素が境界線を持っている場合のみ、境界線の色を設定できます。なぜなら、border-style属性のデフォルト値はnoneです。

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

値	説明
color	境界線の色を指定します。参照してくださいCSS色値可能な色値のリストを取得するために
transparent	透明な境界線を許可しますが、それが占有する可能性がありますborder-width属性設定のスペース。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のborderを使用します-color属性値。

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

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

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