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

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

• ①Границы таблицы border
• ②Как задать ширину, высоту, фон и столбцы таблицы
• ③Как добавить таблице заголовок
• ④Как убрать промежуток между рамками ячеек

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

С помощью свойства border-spacing можно менять расстояние между рамками ячеек. Данное свойство применяется к таблице в целом. Наследуется.

border-spacing

Значения:

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

Синтаксис

CSS

table {border-collapse: separate; border-spacing: 10px 20px;}
table {border-collapse: separate; border-spacing: 10px;}

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