ボーダーの種類
TOP > ボーダーの種類
ボーダーの種類
ラインや、枠の線の形状の種類です。
スタイルシートなどでは以下のように指定されています。
border-style: （線種）;
ＱＨＭのcssファイルなどは border: solid; と記入されています。
こういった箇所を探して自分で書き換え＆アップロードする事により、さまざまなレイアウト変更が可能になります。
ボーダー見本
border-style:none; 枠線を表示しない (デフォルト値)
border-style:dotted; 点線
border-style:dashed; 破線
border-style:solid; 実線
border-style:double; 二重線
border-style:groove; 立体的に望んだ感じの線
border-style:ridge; 立体的に隆起した感じの線
border-style:inset; 立体的に要素ごと望んだ感じの矩形
border-style:outset; 立体的に要素ごと隆起した感じの矩形
none と hidden の違いについて
同じように見えますが、意味合いが違いますので、設定によっては見え方が異なってきます。
- none : 表のセルなどでボーダーが重なり合う場合は他の値が優先されます。
- hidden：表のセルなどのボーダーが重なり合う場合はこの値が優先されます。
線幅について
- 二重線のdoubleは値が小さいと表示されませんので、3px以上の値を指定するようにしましょう。
- 立体的なgroove, ridge,inset,outsetなども、ある程度の線幅が無いときれいに見えませんので、調節しましょう。
