ボックスの枠線の色を指定する
border-color:
色
[色
[色
[色]]]
;
指定する数によって、
2つなら上下、左右の順、
3つなら上、左右、下の順
4つなら上、右、下、左の順に指定します。
個別に設定する事もできます。
border-top-color:上の枠線;
border-bottom-color:下の枠線;
border-left-color:左の枠線;
border-right-color:右の枠線;
設定する値は同じです。
div{border-color:red}
div{border-color:#2255aa}
div{border-color:rgb(0,255,127)}
div{border-color:rgb(50%,50%,100%)}
div{
border-color:
red
#2255aa
}
div{
border-color:
red
#2255aa
rgb(0,255,127)
}
div{
border-color:
red
#2255aa
rgb(0,255,127)
rgb(80%,70%,0%)
}
このページのサンプルはすべて次のスタイルを継承しています。
.bordersample{
background-color:lightcyan;
border-style:solid;
border-color:green;
border-width:8px
}