Отступы и интервалы в HTML - расстояние внутри ячеек таблиц
Меню
Справочник

Отступы и интервалы HTML

html table padding spacing

Таблицы HTML могут регулировать отступы внутри ячеек, а также пространство между ячейками.


Эта таблица с отступом (Padding)
Привет! Привет! Привет!
Привет! Привет! Привет!
Привет! Привет! Привет!
Эта таблица с интервалом (Spacing)
Привет! Привет! Привет!
Привет! Привет! Привет!
Привет! Привет! Привет!

HTML - таблица — заполнение ячеек (Padding)

Заполнение ячейки — это пространство между краями ячейки и содержимым ячейки.

По умолчанию отступ установлен на 0.

Чтобы добавить отступы к ячейкам таблицы, используйте свойство CSS  padding:

 th, td {
  padding: 5px;
}

Чтобы добавить отступ только над содержимым, используйте свойство padding-top.

И другие стороны со свойствами padding-bottom, padding-left и padding-right:

th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

HTML - таблица — интервал между ячейками (Spacing)

Интервал (Spacing) между ячейками — это расстояние между каждой ячейкой.

По умолчанию пространство установлено на 2 пикселя.

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

table {
  border-spacing: 15px;
}

☛ Диапазон столбцов строк HTML

Заголовки таблиц HTML ☚

Поделиться ссылкой