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 (отступы ячеек) – это пространство между краями ячеек и содержанием ячеек.
По умолчанию для 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:
Примечание. Чтобы лучше запомнить данные CSS-свойства, иногда русскоязычные веб-разработчики свойство padding называют "внутренний отступ", а свойство border-spacing называют "отступ границ".
