HTMLとCSSのあれこれ

忘備録。

html

目次

• 水平線の種類

水平線の種類

• none
  • ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合は他の値が優先されます。これが初期値です。
• hidden
  • ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合はhiddenの値が優先されます。
• solid
  • 1本線で表示されます。
• double
  • 2本線で表示されます。
• groove
  • 立体的に窪んだ線で表示されます。
• ridge
  • 立体的に隆起した線で表示されます。
• inset
  • 上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の一部だけに指定しても立体感は出ません。
• outset
  • 上と左のボーダーが明るく、下と右のボーダーが暗く表示され、ボーダーで囲まれた領域全体が立体的に隆起したように表示されます。上下左右の一部だけに指定しても立体感は出ません。
• dashed
  • 破線で表示されます。
• dotted
  • 点線で表示されます。

border-style

css

セレクタ {
プロパティ:　値;
}