border-colorプロパティ(borderの色)

border-colorプロパティを利用してボーダー(パディングとマージンの間の領域)の上下左右の色を一括指定できる。値はRBG値や色を表すキーワードなど、colorプロパティの値を指定する。transparent を値に指定するとボーダーが透過される。

値の数によって「上下左右」の適用対象が異なる。個別に太さを指定する場合は、「border-top-color」「border-right-color」「border-bottom-color」「border-left-color」プロパティを使用する。



書き方:

要素名 {
	border-color : 値(色 | transparent );
}


例:td要素のボーダーの上下左右の色を「#eee」にする。

td {
	 border-color : #eee ; 
}

go to top