CSSのボーダーカラープロパティの使い方_CSSチュートリアル_CSS_Webページ制作

border-color -- 4 つの境界線の色を定義します 値: [ ] {1,4} | {1,4}: 色の表現 透明{1,4}: 透明 継承: inherit 初期値: colorpropertyのデフォルト値と同じ 継承: いいえ 適用対象: すべての要素 ボーダー: ボーダー、カラー: カラー。 ボーダーカラー border-color -- 4 つの境界線の色を定義します
値: [ 1,4} | 継承
transparent{1,4 } : Transparent
inherit: 継承
初期値: color 属性のデフォルト値と同じ
継承: No
対象: すべての要素
border: border、color: color
border-color と
border- の割り当て方法。 width が同じ場合、それぞれ 1、2、3、または 4 つの色の値を割り当てることができます
例
p#fourborders
{
border-color:red black blue green
}
4 つの値が同じ場合値はそれぞれ上、右、下、左の境界線です (上の境界線から開始して時計回りの順に移動します)。Dream City 段落の上の境界線を赤、右の境界線を定義します。

p#threeborders
{
border-color:red black blue
}
3 つの値のみを定義する場合は、中央の境界線が黒になります。値は、Dream City 段落の上の境界線を赤、下の境界線を青、左と右の境界線を黒に定義します。
border-color:red black;
}
値が 2 つだけ定義されている場合、前者の値は上枠と下枠を表し、後者の値は左枠と右枠を表します。 Dream City 段落を赤、左右の境界線を黒にします。

p#oneborders
{
border-color:red;
}
値を 1 つだけ定義する場合、この値は 4 つの境界線を表します。 Dream City 段落の

スクリプト ホームのヒント: 境界線の色 border-color が設定されていない場合、境界線の色はこの要素の color 属性の値を使用します

p#bordercolor
{
border-
bottom
:solid;
color:red;
} 上記の例では、border-color の値が設定されていないため、color の値が red として取得されます。
css border-color 属性の例 - color を使用します。

スクリプト ホームのヒント: CSS プロパティには優先的な特性があるため、設定の順序が重要です。上の例では、下の境界線の色は赤色ですが、他の境界線は緑色です。border-bottom では色が設定されていないため、color で指定された色が使用されます。

以上がCSSのボーダーカラープロパティの使い方_CSSチュートリアル_CSS_Webページ制作の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。