無料ホームページ作成！ＣＳＳ・スタイルシート
枠線の色

無料ホームページ作成！CSS・ボックス
枠線の色

ホームページのボックスの枠線の色を変える

border-color属性

このborder-color属性はボックスの枠線の色を変更する属性です、枠の色はホームページのイメージにもつながりますのでなかなか重要です。

• border-color:#000000;(上下左右の色)
• border-color:#000000 #000000;(上下の色、左右の色)
• border-color:#000000 #000000 #000000;(上の色、左右の色、下の色)
• border-color:#000000 #000000 #000000 #000000;(上の色、右の色、下の色、左の色）
• border-top-color:#000000;(上の色)
• border-right-color:#000000;(右の色)
• border-bottom-color:#000000;(下の色)
• border-left-color:#000000;(左の色)

などの使い方ができます。

border-color属性の使い方

CSSソース

セレクタ{
	border-style:solid;
	border-color:#ff0000;
}
 

結果

border-color属性で宣言できる値

※１：ＩＥで対応していない場合があります。

値の使用例

枠の線を色を変えるだけでもホームページのイメージは大分変わります。