Cellpadding и cellspacing в CSS

Cellpadding и cellspacing в CSS

iSergium

Время идёт, стандарты меняются и в HTML5 аттрибуты таблиц cellpadding и cellspacing стали устаревшими.

<table cellpadding="1" cellspacing="10">...</table>

Если DOCTYPE Вашего сайта выставлен в HTML5, то эта строка при валидации w3c выдаст такие ошибки:

The cellpadding attribute on the table element is obsolete. Use CSS instead.
The cellspacing attribute on the table element is obsolete. Use CSS instead.

Поэтому вместо этих аттрибутов следует использовать css-стили:

/* cellpadding */
td, th {
padding: 10px;
}
 
/* cellspacing */
table {
border-spacing: 1px;
border-collapse: separate;
}

Переход на стили, кроме соответствия стандартам, несёт ряд других плюсов: использование сразу для всех таблиц на сайте, возможность использовать комплексное значение и т.д.

/* cellpadding */
td, th {
padding: 5px 10px;
}
 
/* cellspacing */
table {
border-spacing: 1px 0;
border-collapse: separate;
}

/* Если отступы между ячейками не нужны */
table.noSpacing {
border-collapse: collapse;
}

/* Несколько примеров можно посмотреть здесь: http://jsfiddle.net/iSergium/11sf3tvj/ */

Ссылки: