hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

表の隣接するセルの罫線について

◉  「border-collapse」 のプロパティ

表の隣接するセルの罫線を重ねて表示するか?(collapse)

離して表示するか?(separate)

を指定する。

なお、ブラウザの標準プロパティでは「separate」が指定されている。

 

 ●「collapase」結合ボーダーモデル

CSSにおいて

    table {

          border-collapse:  collapse ;

      }

のように指定すると、罫線と罫線の隙間がなくなる。

 

 

    ●「separate」分離ボーダーモデル

  CSSにおいて

    table {

          border-collapse:  saparate ;

                    border-spacing: 10px;

      }

のように指定すると、「borde-spacing」で、罫線と罫線の隙間の距離を指定できる。