kharukaのブログ~お金と技術とキャリア~

Edu Fin~金融×教育~若いうちからお金について学ぶってだいじ!自分が学んだテクノロジーはみんなの財産!過去、今、将来の人生!についてのブログ

tableタグのborder-spacingプロパティでセルの境界線の間隔を調整する方法

目次

前提条件

tableタグのborder-spacingプロパティでセルの境界線の間隔を調整する方法

セルの境界線の間隔を0pxにする

※ border-collapseプロパティで separateを指定している場合に有効になります。

  • HTML
<table>
  <tr>
  <td class="sample">サンプル1</td>
  <td class="sample">サンプル2</td>
  </tr>
  <tr>
  <td class="sample">サンプル3</td>
  <td class="sample">サンプル4</td>
  </tr>
</table>
table{
  border-collapse: separate;
  border-spacing: 0px;
}

table.sample{
  border: solid 1px #000000;
}

参考