Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов

Как заменить cellspacing CSS-свойством?

Раздел: 

В статье рассказывается, каким образом можно заменить cellspacing на css-свойство.

Каким заменить атрибут cellspacing CSS-свойством

При создании различных веб-таблиц разработчики часто используют атрибут cellspacing, который отвечает за отступы между ячейками. Таким образом создаются разнообразные виды таблиц. Это придает уникальность контенту и стилям его отображения. При наличии большого количества таблиц разумней будет отказаться от применения атрибутов и обратиться к свойствам CSS. Это позволит централизовать управление внешним видом контента.

Прототипом атрибута cellspacing является CSS-свойство border-spacing. Это свойство целиком и полностью повторяет назначение атрибута. Единственное отличие возможность задавать несколько значений, которые будут управлять отступом с каждой стороны ячейки.

Для справки

Свойство border-spacing не будет применено в случае, когда для тега table установлено свойство border-collapse с указанием команды collapse.

Пример кода замены можно просмотреть ниже

CSS

table {
	border-spacing: 7px 5px;
  }

Для наглядности

замена cellspacing

На заметку

IE, который старше версии 7.0 не умеет работать со свойством border-spacing, в этом случае замена не является решением. Тогда нужно использовать атрибут cellspacing.