境界線色彩(border Color)
border-colorとは、ボーダーの色を指定するためのプロパティです。
RGB値やキーワードで任意の色を指定することができます。
値がひとつだけのときには上下左右の各ボーダーを同じ色で描画しますが、値の数によって上下と左右のそれぞれに同じ色を指定したり、左右のみに同じ色を指定したり、あるいは全てのボーダーに異なる色を指定できます。
また、値にtransparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。
border-bottom-colorとは、下側のボーダーの色を指定するためのプロパティです。
初期値は適用対象のcolorプロパティの値ですが、RGB値やキーワードで任意の色を指定することができます。
また、transparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。
border-right-colorとは、右側のボーダーの色を指定するためのプロパティです。
初期値は適用対象のcolorプロパティの値ですが、RGB値やキーワードで任意の色を指定することができます。
また、transparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。
border-top-colorとは、上側のボーダーの色を指定するためのプロパティです。
初期値は適用対象のcolorプロパティの値ですが、RGB値やキーワードで任意の色を指定することができます。
また、transparentを指定すると、幅を確保した状態で透明なボーダーが描画されます。
| 書式 | border-color: <value:値> |
|---|---|
| 値 | <color>{1,4} |
| 初期値 | colorプロパティーの値 |
| 適用要素 | 全ての要素 |
| 継承性 | 不可 |
border-colorプロパティーは要素の 境界線の色を設定します。
いちから四つに 色彩値が特定されます。
四つの値があると、それぞれ上部・右側・下部・左側境界線の色に適用されます。
一つの値なら全ての側面に当てられます。
二から三の値なら、記載されていない値は反対側から取られてきます。
短縮型である borderも使います。
| <td style="border: 1px solid #008000"> | <td style="border: 1px solid #0000FF"> |