Как изменить промежуток между ячейками css

Аватар пользователя Алексей Алешин
Алексей Алешин
11 апреля 2023

Для изменения промежутка между ячейками таблицы в CSS можно использовать свойство border-spacing или свойство border-collapse. В зависимости от того, какие стили таблицы уже определены, вам может потребоваться использовать одно из этих свойств или оба сразу.

border-spacing: это свойство задает расстояние между ячейками таблицы. Чтобы задать расстояние в 10 пикселей, вы можете использовать следующее правило CSS:

table {
  border-spacing: 10px;
}

border-collapse: это свойство определяет, как границы таблицы объединяются между собой. Если значение этого свойства установлено на collapse, границы объединяются, и вы можете использовать свойство border-spacing для задания расстояния между ячейками. Если значение установлено на separate, вы можете использовать свойство border-spacing для задания ширины и высоты промежутков между ячейками. Например:

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