Пример
Устанавливает модель разрушаемой границы для таблицы:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
table { border-collapse:collapse; }
table, td, th { border:1px solid black; }
</style>
</head>
<body>
<table>
<tr>
<th>Имя</th>
<th>Фамилия</th>
</tr>
<tr>
<td>Петр</td>
<td>Воробьев</td>
</tr>
<tr>
<td>Лиза</td>
<td>Воробьева</td>
</tr>
</table>
<p><b>Примечание:</b> Если !DOCTYPE не указан, свойство border-collapse может выдать непредсказуемые результаты.</p>
</body>
</html>
Определение и использование
Свойство border-collapse определяет должны ли границы таблиц быть свернуты в одинарную границу или независимыми как в стандартном HTML.
| Значение по умолчанию: | separate |
|---|---|
| Унаследованный: | нет |
| Версия: | CSS2 |
| Синтакс JavaScript: | object.style.borderCollapse="collapse" |
Поддержка браузеров
Свойство border-collapse поддерживается во всех ведущих браузерах.
Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение "inherit".
Примечание: Если !DOCTYPE не указан, свойство border-collapse может выдать непредсказуемые результаты.
Значения свойства
| Значение | Описание | Играйте |
|---|---|---|
| collapse | Границы сворачиваются в одинарную границу когда это возможно (свойства border-spacing и empty-cells игнорируются) | Играйте » |
| separate | Границы раздельны (свойства border-spacing и empty-cells игнорируются). Это по умолчанию | Играйте » |
| inherit | Указывает, что значение свойства border-collapse должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
