Свойство border-collapse CSS

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

Свойство border-collapse устанавливает, объединяются ли рамки таблицы в одну единую рамку или показываются как в стандартном HTML.

См. также:

Учебник по CSS:Таблицы CSS

Руководство по HTML DOM:Свойство borderCollapse

Пример

Установите модель объединения рамок таблицы:

table
  {
  border-collapse:collapse;
  }

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

CSS синтаксис

border-collapse: separate|collapse|initial|inherit;

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

Значение Описание
separate Дефолтное значение. Рамки будут разделены. Свойства border-spacing и empty-cells не будут игнорироваться.
collapse Если возможно, рамки будут объединены в одну единую рамку. Будут проигнорированы свойства border-spacing и empty-cells.
inherit Определяет, должно ли значение свойства border-collapse наследоваться от родительского элемента.

Технические детали

Дефолтное значение: separate
Инheritability: да
Версия: CSS2
JavaScript синтаксис: object.style.borderCollapse="collapse"

Более примеров

Слияние рамок таблицы
Этот пример показывает, показывать ли таблицу с рамкой как отдельную рамку, или как это делается в стандартном HTML.

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

Таблица указывает на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0