枠線の色を設定するには、 border-???-colorプロパティを設定します。
pre> border-top-color: 上の枠線の色 border-bottom-color: 下の枠線の色 border-left-color: 左の枠線の色 border-right-color: 右の枠線の色 border-color: 上下左右の枠線の色 /pre>
pre> border-top-color: 上の枠線の色 border-bottom-color: 下の枠線の色 border-left-color: 左の枠線の色 border-right-color: 右の枠線の色 border-color: 上下左右の枠線の色
/pre>
border-colorプロパティを使えば、 上下左右の枠線の色を一度に指定できます。 その場合は、値を半角スペースで区切ります。 値の個数によって、次のように枠線が設定されます。
pre> h1{ COLOR(red):border-color: COLOR(blue):#ff0000 #ffcc00 #339933 #336633; } h2{ COLOR(red):border-left-color: COLOR(blue):red; } /pre>
pre> h1{
COLOR(red):border-color: COLOR(blue):#ff0000 #ffcc00 #339933 #336633;
} h2{
COLOR(red):border-left-color: COLOR(blue):red;
}
次へ進んでください。