» 枠線(border)を変更する
Tableタグやimgタグなどの枠線(border)を
点線や破線に変更する方法を紹介します。
◆borderプロパティ
border: width style color;(全ての枠線)
border-top: width style color;(上の枠線)
border-right: width style color;(右の枠線)
border-bottom: width style color;(下の枠線)
border-left: width style color;(左の枠線)
「border:~」は全ての枠線を一括指定、
「border-xxx:~」は上下左右の枠線を個別指定します。
一括指定か個別指定のいずれかを使用します。
斜体の部分に枠線の詳細を指定します。
それぞれの意味は
width:枠線の幅
style:枠線のスタイル
color:枠線の色
となっています。
枠線のスタイルは下記の通りになります。
それぞれどのように表示されるかはお試しになって下さい。
none 非表示(デフォルト)
hidden 非表示
solid 1本線
double 2本線
groove 窪んだ線
rigde 隆起した線
inset 全体が窪んだように表示
outset 全体が隆起したように表示
dashed 破線
dotted 点線
なお指定内容によってはブラウザによって表示が
異なる場合がありますのでご注意ください。
秋月 錬
