пример
Установить модель сжимающихся рамок для таблицы:
table
{
border-collapse: collapse;
}
Попробуй сам " Определение и использование
Свойство границы коллапса устанавливает ли границы таблицы свернуты в одну границу или отдельно, как в стандартном HTML.
| Значение по умолчанию: | separate |
|---|---|
| Наследование: | yes |
| Animatable: | no. Read about animatable |
| Версия: | CSS2 |
| Синтаксис JavaScript: | object .style.borderCollapse="collapse" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| border-collapse | 1,0 | 5.0 | 1,0 | 1.2 | 4.0 |
Note: ! Если DOCTYPE не задано, свойство границы коллапса может привести к неожиданным результатам.
CSS Синтаксис
border-collapse: separate|collapse|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| separate | Границы отдельные (границы расстояния и пустые клетки-свойства не будут проигнорированы). Это по умолчанию | Сыграй " |
| collapse | Границы свернуты в одну границу , когда это возможно (border-spacing and empty-cells properties will be ignored) | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
Учебник CSS: CSS Таблица
HTML DOM ссылка: borderCollapse property