境界線色彩(border Color)

border-colorとは、ボーダーの色を指定するためのプロパティです。

RGB値やキーワードで任意の色を指定することができます。

値がひとつだけのときには上下左右の各ボーダーを同じ色で描画しますが、値の数によって上下と左右のそれぞれに同じ色を指定したり、左右のみに同じ色を指定したり、あるいは全てのボーダーに異なる色を指定できます。

また、値にtransparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。

border-bottom-colorとは、下側のボーダーの色を指定するためのプロパティです。

初期値は適用対象のcolorプロパティの値ですが、RGB値やキーワードで任意の色を指定することができます。

また、transparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。

border-right-colorとは、右側のボーダーの色を指定するためのプロパティです。

初期値は適用対象のcolorプロパティの値ですが、RGB値やキーワードで任意の色を指定することができます。

また、transparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。

border-top-colorとは、上側のボーダーの色を指定するためのプロパティです。

初期値は適用対象のcolorプロパティの値ですが、RGB値やキーワードで任意の色を指定することができます。

また、transparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。

Functional list
書式 border-color: <value:値>
<color>{1,4}
初期値 colorプロパティーの値
適用要素 全ての要素
継承性 不可

border-colorプロパティーは要素の 境界線の色を設定します。

いちから四つに 色彩値が特定されます。

四つの値があると、それぞれ上部・右側・下部・左側境界線の色に適用されます。

一つの値なら全ての側面に当てられます。

二から三の値なら、記載されていない値は反対側から取られてきます。

短縮型である borderも使います。

<td style="border: 1px solid #008000"> <td style="border: 1px solid #0000FF">

border-style2

戻る