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

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


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

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

border-collapse

Значения:

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

Синтаксис

CSS
table {border-collapse: collapse;}
📷 РИС. 2. ПРИМЕР ТАБЛИЦ СО СЛИВАЮЩИМИСЯ И РАЗДЕЛЬНЫМИ РАМКАМИ ЯЧЕЕК

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