Border-spacing

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Нет Нет Да Да Да Да Да Да Да Да Да Да Да Да

 

CSS CSS2
Значение по умолчанию 0
Наследуется Да
Применяется К таблицам
Аналог HTML <table cellspacing="...">

Описание

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

Синтаксис

border-spacing: значение1 [значение2]

Значения

Одно значение устанавливает одновременно расстояние по вертикали и горизонтали между границами ячеек. Если значений два, то первое определяет горизонтальное расстояние, а второе — вертикальное.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>  <head>   <meta http-equiv="content-type" content="text/html; charset=windows-1251">   <title>border-spacing</title>   <style type="text/css">    table {     border: 4px double #333; /* Рамка вокруг таблицы */      border-collapse: separate; /* Способ отображения границы */      width: 100%; /* Ширина таблицы */      border-spacing: 7px 11px; /* Расстояние между ячейками */     }    td {     padding: 5px; /* Поля вокруг текста */      border: 1px solid #a52a2a; /* Граница вокруг ячеек */     }   </style>  </head>  <body>   <table>    <tr>     <td>1</td><td>2</td>    </tr>    <tr>     <td>3</td><td>4</td>    </tr>   </table>  </body> </html>

Браузеры

Если к тегу <TABLE> добавлен параметр cellspacing, то при использовании стилевого свойства border-spacing параметр cellspacing не принимается во внимание и его значение игнорируется. Исключением из этого правила является браузер Internet Explorer до седьмой версии включительно, который не понимает свойство border-spacing.