border-spacing

Пример

Указывает расстояние до границы в таблице:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
     table.ex1
     {
          border-collapse:separate;
          border-spacing:10px;
     }
     table.ex2
     {
          border-collapse:separate;
          border-spacing:10px 50px;
     }

</style>
</head>
<body>
<table class="ex1" border="1">
<tr>
<th>Имя</th>
<th>Фамилия</th>

</tr>
<tr>
<td>Петр</td>
<td>Воробьев</td>
</tr>
<tr>
<td>Лиза</td>

<td>Воробьева</td>
</tr>
</table>
<br/>
<table class="ex2" border="1">
<tr>
<th>Имя</th>

<th>Фамилия</th>
</tr>
<tr>
<td>Петр</td>
<td>Воробьев</td>
</tr>

<tr>
<td>Лиза</td>
<td>Воробьева</td>
</tr>
</table>

<p><b>Примечание:</b> Internet Explorer 8 (и выше) поддерживает свойство border-spacing если указан !DOCTYPE.</p>

</body>
</html>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

Свойство border-spacing устанавливает расстояние между границами соседних ячеек (только для модели "разделенные границы").

Значение по умолчанию:	не указано
Унаследованный:	нет
Версия:	CSS2
Синтакс JavaScript:	`object.style.borderSpacing="15px"`

Поддержка браузеров

Свойство border-spacing поддерживается во всех ведущих браузерах.

Примечание: Internet Explorer 8 (и выше) поддерживает свойство border-spacing если указан !DOCTYPE.

Значения свойства

Значение	Описание	Играйте
length length	Указывает расстояние между границами смежных ячеек в px, cm, и т.д. Возможны отрицательные значения Если значение длины указано, оно определяет и горизонтальное и вертикальное расстояние Если оба значения длины указаны, первое указывает горизонтальное расстояние, а второе вертикальное расстояние	Играйте »
inherit	Указывает, что значение свойства border-spacing должно быть унаследовано от родительского элемента

Связанные страницы

CSS пособие: CSS Таблицы

jQuery пособие: css()

Была ли эта информация полезной?

Да Нет