CSSの枠線の色
CSSの枠線の色
のborder-colorプロパティは、4 つの境界線の色を設定するために使用されます。
色は次のように設定できます。
- 名前 - 「赤」などの色の名前を指定します。
- HEX - 「#ff0000」のような 16 進数の値を指定します。
- RGB - 「rgb(255,0,0)」のような RGB 値を指定します。
- HSL - 「hsl(0, 100%, 50%)」のような HSL 値を指定します。
- 透明
ノート：もしもborder-color設定されていない場合は、要素の色を継承します。
例
さまざまな境界線の色のデモンストレーション:
p.one{
border-style: solid;
border-color: red;
}
p.two{
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color: blue;
}
結果：
赤い枠線
緑の枠線
青い枠線
特定の側面の色
のborder-colorプロパティには 1 ～ 4 つの値 (上境界線、右境界線、下境界線、および左境界線) を指定できます。
例
p.one {
border-style: solid;
border-color: red green blue yellow; /* red top, green right, blue bottom and yellow left */
}
16 進数の値
境界線の色は、16 進数値 (HEX) を使用して指定することもできます。
RGB値
または、RGB 値を使用します。
HSL 値
HSL 値を使用することもできます。
HEX、RGB、HSL 値について詳しくは、CSSの色章。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。