CSSの枠線の色
CSSの枠線の色
border-colorプロパティは、4つの境界線の色を設定するために使用されます。
色は次のように設定できます。
- name - 「赤」などの色の名前を指定します。
- HEX - 「#ff0000」のような 16 進数の値を指定します。
- RGB - 「rgb(255,0,0)」のような RGB 値を指定します。
- HSL - 「hsl(0, 100%, 50%)」のような HSL 値を指定します。
- transparent(透明)
注： 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つの値(上境界線、右境界線、下境界線、および左境界線)を指定できます。
16進数の値
境界線の色は、16進数値(HEX)を使用して指定することもできます。
RGB値
または、RGB値を使用します。
HSL値
HSL値を使用することもできます。
HEX、RGB、HSL 値について詳しくは、CSSの色の章で説明しています。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。