Благодаря атрибуту cellspacing можно определять в таблице расстояние между ячейками. Данное расстояние бросается в глаза тогда, когда вокруг ячейки применяют границы или, когда делают заливку цветом. Такие атрибуты, как cellspacing, cellpadding, border помогают конструировать различные таблицы, при этом управлять ими более удобно, используя, стилевые свойства (CSS).
Заменить атрибут cellspacing в CSS можно свойством border-spacing, которое отвечает за установку того самого расстояния, которое необходимо делать между границами ячеек. В данном свойстве необходимо указывать два значения: первое – задает горизонтальное расстояние (справа и слева от ячейки), второе – задает вертикальное расстояние (соответственно, снизу и сверху).
Необходимо запомнить, что border-spacing будет работать в селекторе table, если будет отсутствовать свойство border-collapse.
Также следует знать, что в браузер IE меньше седьмой версии не будет поддерживать работу border-spacing. Поэтому для таблиц в данном браузере будет использоваться cellspacing, по умолчанию значение будет равно двум пикселям.
Если селектору table будет добавлено свойство border-collapse, в значении которого будет указано collapse, то значение border-spacing будет обнулено, а атрибут cellspacing игнорироваться.