Атрибуты cellpadding и cellspacing на CSS
Те, кто беспокоится о валидности своей вёрстки по HTML5, столкнулись с той проблемой, что в HTML5 убрали атрибуты cellpadding и cellspacing. Безусловно, имеется вариант указать cellpadding и cellspacing через CSS, о чём я сейчас и напишу.
Начнём с атрибута cellpadding, отвечающего за поля внутри ячеек. Думаю, что многие догадались, как им управлять. Давайте с Вами попробуем обнулить cellpadding через CSS:
td {
padding: 0;
}
padding: 0;
}
Как видите, всё достаточно очевидно. А теперь перейдём к атрибуту cellspacing.
Этот атрибут отвечает за границы между ячейками. Здесь несколько сложнее и свойства зависят от того, что Вы хотите сделать: обнулить границы или поставить иные значения. Если обнулить, то это делается так:
table {
border-collapse: collapse;
}
border-collapse: collapse;
}
Данный код обнулит cellspacing, как правило, это и требуется. А если же нужно не обнулить, а изменить значения, то можно использовать border-spacing:
table {
border-spacing: 1px 2px 4px 5px;
}
border-spacing: 1px 2px 4px 5px;
}
Это отступы ячеек друг от друга сверху, справа, снизу и слева. То есть числа идут по часовой стрелке, аналогично, как и в свойствах margin и padding.
Вот так легко можно задавать атрибуты cellpadding и cellspacing на CSS.
Комментариев 0