HTML Таблицы. Padding & Spacing
Таблицы HTML могут регулировать отступы внутри ячеек, а также расстояние между ячейками.
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
| hello | hello | hello |
HTML Таблица - Cell Padding
Cell Padding (отступы ячеек) – это пространство между краями ячеек и содержимым ячейки.
По умолчанию для заполнения установлено значение 0.
Чтобы добавить отступы к ячейкам таблицы, используйте CSS свойство padding:
Чтобы добавить отступ только над содержимым (т.е. вверху), используйте свойство padding-top.
И другие стороны с помощью свойств padding-bottom (внизу), padding-left (слева) и padding-right (справа):
Пример
th, td {
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
Попробуйте сами »
HTML Таблица - Cell Spacing
Cell spacing - это расстояние между ячейками.
По умолчанию расстояние составляет 2 пикселя.
Чтобы изменить расстояние между ячейками таблицы, используйте CSS свойство border-spacing на элементе table:
Примечание. Иногда в русскоязычном варианте свойства padding и border-spacing называют "внутренний отступ" и "внешний отступ".
