2019年10月20日(日)

border-collapse プロパティ｜tableに必要なCSS

tableを形成する時に必要なCSSプロパティに『border-collapse』があります。

tableを形成する時に、基本的なCSSプロパティの例を下記にまとめました。

table { border-collapse: collapse;}

th, td {
  border: 1px solid #666;
  padding: 10px;
  }

table { border-collapse: collapse;}

th, td {

border: 1px solid #666;

padding: 10px;

}

『border-collapse』は、tableのセルとセルの間を作るか作らないかの設定をするプロパティです。値にcollapseを設定すれば間を作りません。あたいをseparateとするとセルとセルの間にスペースができます。その間隔はborder-spacingで調整できます。