④Как убрать промежуток между рамками ячеек

Продолжим изучение темы CSS - таблицы. Если пропустили прошлые статьи, то вот ссылки на них:

Как убрать промежуток между рамками ячеек

Рамки ячеек таблицы по умолчанию разделены небольшим промежутком. Если задать для таблицы border-collapse: collapse, то промежуток уберётся. Свойство наследуется.

border-collapse

Значения:

separate - Рамки ячеек располагаются раздельно.
collapse - Рамки ячеек сливаются в одну, а промежутки между рамками убираются.
initial - Устанавливает значение свойства в значение по умолчанию.
inherit - Наследует значение свойства от родительского элемента.

Синтаксис

CSS

table {border-collapse: collapse;}

📷 РИС. 2. ПРИМЕР ТАБЛИЦ СО СЛИВАЮЩИМИСЯ И РАЗДЕЛЬНЫМИ РАМКАМИ ЯЧЕЕК

Продолжение в следующей статье!