CSS基礎 練習問題 70：テーブル：境界線の結合
📊 Qraftユーザーの成績
- 難易度 Bランク（レーティング1200）
- 難易度 766位/2795問中
- 正答率 —（0回）
HTMLのテーブル（表）を作成した際、隣り合うセル同士の隙間をなくし、境界線を1本にまとめてスッキリ表示したい場合、table要素に指定する正しいCSSはどれか。
- border-spacing: collapse;
- border-collapse: collapse;
- table-border: collapsed;
- border-merge: collapsed;
- cell-spacing: collapsed;
正解と解説を見る
正解：border-collapse: collapse;
テーブルのセルの間にある隙間をなくして境界線を1本にまとめるには、「border-collapse」プロパティの値を「collapse」にするのが正解です。
【正解の理由】
「border-collapse: collapse;」をtable要素に指定することで、隣接するセル同士のボーダーが重なり合い、単一の線としてシンプルに描画されます。
【不正解の理由】
• 「border-spacingにcollapseを指定する記述」は誤り。border-spacingは隙間の幅を数値で指定するプロパティであり、collapseという値は持たない
• 「table-borderプロパティを使う記述」は誤り。テーブルの境界線を結合するための標準プロパティではない
• 「border-mergeプロパティを使う記述」は誤り。境界線をマージ（結合）するという意味合いは正しいが、CSSにそのようなプロパティは存在しない
• 「cell-spacingプロパティを使う記述」は誤り。HTML属性のcellspacingに似ているが、CSSプロパティとしては存在しない