初心者のスタイルシート(CSS)講座:枠線の種類を個別指定

・border-(top,right、bottom、left)-style
 枠線の種類を個別に指定する

【枠線の種類を個別に指定する方法】
border-(top,right,bottom,left)-style:キーワード

【キーワード】
none・・・・・・初期設定。枠線を表示しない

hidden・・・・・枠線を表示しない

dotted・・・・・点線

dashed・・・・・破線

solid・・・・・実線

double・・・・・二重線

groove・・・・・へこんでいるように見える枠線

ridge・・・・・浮き上がったように見える枠線

inset・・・・・枠線より内側がへこんでいるように見える枠線

outset・・・・・枠線より内側が浮き上がっているように見える枠線

 ボックス領域の上下左右の枠線(ボーダー)の種類を個別に指定します。 border-styleプロパティを省略すると初期設定のnoneが適用されて枠線は表示されなくなります。
noneとhiddenはどちらも枠線を表示しませんが、テーブルなどのセルとして重なり合った場合には noneは他の値を優先するのに対してhiddenはその値を優先します。