Tailwind CSS 練習問題 59：CSSのテーブル境界線制御
Tailwind CSSにおいて、テーブル（`<table>`）の隣接するセル同士の枠線を重ね合わせて、1本の実線のように表示させたい場合、正しいクラスはどれか。
- `table-merge` をテーブル要素に指定する
- `border-collapse` をテーブル要素に指定する
- `cell-spacing-0` をテーブル要素に指定する
- `border-combine` をテーブル要素に指定する
- `table-solid` をテーブル要素に指定する
正解と解説を見る
正解：`border-collapse` をテーブル要素に指定する
テーブルのセル同士の枠線を重ね合わせて1本線にするには、`border-collapse`を指定するのが正解です。
【正解の理由】
HTMLのテーブルはデフォルトでセル間に隙間ができます。隣接する境界線を重ねてすっきりとした1本線にする（CSSの`border-collapse: collapse`を適用する）には、親要素であるテーブルに`border-collapse`クラスを付与します。
【不正解の理由】
• 「`table-merge` をテーブル要素に指定する」は誤り。そのような結合用クラスは存在しません。
• 「`cell-spacing-0` をテーブル要素に指定する」は誤り。Tailwindの命名規則から外れた架空のクラスです。
• 「`border-combine` をテーブル要素に指定する」は誤り。枠線をまとめる意図には見えますが、不正なクラス名です。
• 「`table-solid` をテーブル要素に指定する」は誤り。存在しないクラス名であり、枠線の結合を意味しません。