Русский
Русский
English
Свойства CSS
Статистика
Реклама

border-spacing

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Не поддерживается
Не поддерживается
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
CSS CSS2+
Значение по умолчанию 0
Наследуется Да
Применяется К таблицам
Ссылка на спецификацию открыть в новой вкладке
Описание
Задает расстояние между границами ячеек в таблице. 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 до версии 7.0 включительно, который не понимает свойство border-spacing.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2024, heroes-3.ru