Страницы

Поиск по вопросам

пятница, 1 марта 2019 г.

Почему в таблице при `border-collapse: separate` не отображается border-top у thead?

Если я ставлю параметр border-collapse: collapse, то border - видно. Чем регулируется это поведение?
table { width: 100%; border-collapse: collapse; } thead { border-top: solid 1px; }

 2013 20142015
Нефть43 5179
Золото29 3448
Дерево38 5736

Иначе:
table { width: 100%; border-collapse: separate; } thead { border-top: solid 1px; }
 2013 20142015
Нефть43 5179
Золото29 3448
Дерево38 5736


Ответ

border-collapse - устанавливает, как отображать границы вокруг ячеек таблицы.
[collapse] - линия между ячейками отображается только одна.
[separate] - вокруг каждой ячейки отображается своя собственная рамка, в местах соприкосновения ячеек показываются сразу две линии.
Так как явно не задан цвет границы, то при collapse(должна отобразиться одна граница) взят цвет по умолчанию (black) и отображается граница в table, а не в thead. Учитывается border в thead, tbody, tfoot и tr
При separate игнорируются border в thead, tbody, tfoot и tr

Комментариев нет:

Отправить комментарий