初心者のスタイルシート(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はその値を優先します。