Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Свойства CSS для улучшения дизайна сайта/ CSS свойство border-collapse | назначение, допустимые значения, примеры

Свойство border-collapse

Свойство border-collapse — определяет какой из двух способов отображения соседних границ в таблице будет использован. Относится как к соседним границам ячейка-ячейка, так и к ячейка-таблица.

Допустимые значения

  • collapse — линия между соседними границами будет общая (одна линия)
  • separate — каждая ячейка имеет свою границу (при соприкосновении границ, общая граница будет иметь двойную толщину)
  • inherit — наследует значение от родителя
Значение по умолчанию separate
Применимо table, thead, tbody, tfoot, colgroup, col, tr, th, td
Наследование нет
Версия CSS CSS 2
Поддерживается браузерами
  • Internet Explorer 6 и выше
  • Firefox 1 и выше
  • Opera 7 и выше
  • Netscape 7 и выше
  • Safari 1 и выше
  • Chrome 1 и выше

Пример


table {
border-collapse: collapse;
}


Твой код:

Результат: