罫線２

◉「border-width」で上下左右を囲った際に、線の太さを適用する際の書き方

　　値はスペースで区切って複数で指定し、書き方によって指定箇所が変わる。

　● 上下左右　　　　border-width: 10px;

　● 上下 左右             border-width: 10px 5px;

　● 上 左右 下            border-width: 10px 5px 20px;

　● 上 右 下 左           border-width: 10px 5px 20px 15px;

　　　※４種類指定する場合は上から時計回り！！

◉線の種類
　　●  solid　　　実線

 

　　●  dotted　　点線

 

　　●  dashed　  破線

 

　　●  double      二重線

 

　　●  groove　　谷型

 

　　●  ridge　　   山型

濃淡がgrooveと逆。

 

　　●  inset          左と上が濃い

 

　　●  outset　　右と下が濃い

insetと濃い位置が逆。

 

　　●  hidden　　非表示　基本noneと同じ。

　　●  none　　　なし（デフォルト）