border-collapse

 
border-collapse - управляет отображением границы вокруг ячеек таблицы.

Значения

collapse - между ячейками таблицы отображается одна линия.
separate - образует вокруг каждой ячейки собственную рамку, отображается как две линии.

inherit - наследует значение родительского элемента.

Пример использования

TABLE
   {
    width: 100%; /* Ширина таблицы */
    border: 4px double black; /* Рамка вокруг таблицы */
    border-collapse: collapse; /* Отображать только одинарные линии */
   }
   TH
   {
    text-align: left; /* Выравнивание по левому краю */
    background: #ccc; /* Цвет фона ячеек */
    padding: 5px; /* Поля вокруг содержимого ячеек */
    border: 1px solid black; /* Граница вокруг ячеек */
   }
   TD
   {
    padding: 5px; /* Поля вокруг содержимого ячеек */
    border: 1px solid black; /* Граница вокруг ячеек */
   }

Характеристики

1. Применяется к <table> или к элементам, у которых значение display установлено как table или inline-table
2. Значение по умолчанию: separate
3. Не наследуется.

Синтаксис

border-collapse: collapse | separate | inherit

Версии CSS

CSS 2
CSS 2.1
CSS 3

Смотрите также:

border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-collapse
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width

Нашли ошибку, опечатку, неточность, неактуальную или устаревшую информацию? Пишите.