このborder-color属性はボックスの枠線の色を変更する属性です、枠の色はホームページのイメージにもつながりますのでなかなか重要です。
などの使い方ができます。
セレクタ{border-style:solid;
border-color:#ff0000;
}
赤い枠線です。
値 | 概要 |
---|---|
#RGB | #000等の16進数で1桁ずつ宣言し、設定できる |
#RRGGBB | #000000等の16進数で2桁ずつ宣言し、細かく設定できる |
rgb(R,G,B) | 色を10進数で指定する |
rgb(R%,G%,B%) | 色を%で指定する |
red | 色名で指定する、この場合は枠線を赤色にする | transparent※1 | 枠線の透明にする |
※1:IEで対応していない場合があります。
枠の線を色を変えるだけでもホームページのイメージは大分変わります。