WEB лаборатория DLE » Другое для WEB » Разное и другое » Атрибуты cellpadding и cellspacing на CSS
Навигация
Популярное
    Статистика

    Материалов: 1789 [+0]
    Пользователей: 685 [+0]

    Всего онлайн : 4
    Пользователей: 0
    Гостей: 4


    Последние комментарии
    ...
    HI-tech:
    0

    Атрибуты cellpadding и cellspacing на CSS

    Атрибуты cellpadding и cellspacing на CSS


    Те, кто беспокоится о валидности своей вёрстки по HTML5, столкнулись с той проблемой, что в HTML5 убрали атрибуты cellpadding и cellspacing. Безусловно, имеется вариант указать cellpadding и cellspacing через CSS, о чём я сейчас и напишу.

    Начнём с атрибута cellpadding, отвечающего за поля внутри ячеек. Думаю, что многие догадались, как им управлять. Давайте с Вами попробуем обнулить cellpadding через CSS:
    td {
    padding: 0;
    }


    Как видите, всё достаточно очевидно. А теперь перейдём к атрибуту cellspacing.

    Этот атрибут отвечает за границы между ячейками. Здесь несколько сложнее и свойства зависят от того, что Вы хотите сделать: обнулить границы или поставить иные значения. Если обнулить, то это делается так:
    table {
    border-collapse: collapse;
    }


    Данный код обнулит cellspacing, как правило, это и требуется. А если же нужно не обнулить, а изменить значения, то можно использовать border-spacing:
    table {
    border-spacing: 1px 2px 4px 5px;
    }


    Это отступы ячеек друг от друга сверху, справа, снизу и слева. То есть числа идут по часовой стрелке, аналогично, как и в свойствах margin и padding.

    Вот так легко можно задавать атрибуты cellpadding и cellspacing на CSS.



    Теги:

    Другие новости по теме:


    Информация
    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.