関連プロパティ

• border-top-color
  border-right-color
  border-bottom-color
  border-left-color
• border-color
• border-top-width
  border-right-width
  border-bottom-width
  border-left-width
• border-width
• border-top-style
  border-right-style
  border-bottom-style
  border-left-style
• border-style
• border
• color

border-top
border-right
border-bottom
border-left

それぞれ上、右、下、左のボーダーの幅、種類、色を一箇所で指定します。

'border'を用いて、これらを一括指定する事も出来ます。ただし、四辺の個別指定は出来ません。

それぞれの値は順不同で、且つ省略可能です。省略した場合は、カスケードされた値では無く、すべて初期値を指定された事になってしまいますので、このプロパティと非簡略化プロパティ3つを併用する場合は、順番に注意が必要です。
h1 { border-bottom: thick solid red }

次の例では色を指定していないので、ボーダーは'color'で指定された色で表示されます。
h1 { border-bottom: thick solid }

省略した値は、初期値を指定された事になります。

結合ボーダーモデルの表の場合を除いて、ボーダーの透き間からは、背景関連プロパティで指定した背景が見えます。結合ボーダーモデルの場合は、その部分は透過になります。

注意点

1. 省略した値には、カスケードされた値では無く、初期値を利用します。
2. ボーダーの種類の初期値が[none]になっているので、ボーダーを表示させるには先ず、この値を変える必要があります。