CSS 参考手帳

CSS @ルール(RULES)

border-top-color CSS属性は、単独で要素の上边框の色を設定できます。しかし、多くの場合、　 border-colorまたはborder-topこのような省略形のCSS属性は使いやすく、推奨されます。

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

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

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

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

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

例

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

注意：border-bottom-width属性を宣言する必要がありますborder-style属性。要素は边框を持っている必要があります。そのため、边框の幅を設定する前に、border-style属性のデフォルト値はnoneです。

以下のテーブルは、この属性の値を説明しています。

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

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

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

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