ボーダー（border）：枠線の種類

border　プロパティは値を三つ持ち、太さ 「border-width」,種類 「border-style」, 色「'border-color」を指定できます。 border-style　すなわち枠線の種類は以下のようなものがあります。

単位	説明	実際の大きさ
solid	切れ目の無い実線	solid 実線
dotted	点線	dotted 点線
dashed	破線	dashed 破線
double	破線	double 二重線
groove	窪み線（凹線）	groove 凹線
ridge	浮き線（凸線）	reidge 凸線
inset	要素がキャンバスに埋もれた底面のように表現	inset 底面
outset	要素がキャンバスから浮き上がった天面のように表現	outset 上面

• CSS1 サポートブラウザでも、solid しかサポートしていないものもあります 。

　簡略化プロパティ

四辺を独立に、'border-top', 'border-right', 'border-bottom', 'border-left' プロパティで太さ、種類、色を指定することができますが、プロパティの値が全て 等しい場合は、 「border」 プロパティで指定する事が出来ます。

　　p { border: 4px solid red }

上の例では、上下左右の四辺全てが「4px幅、実線、赤」に設定しています。

　　　⇒　枠線のスタイルの応用