Если я ставлю параметр border-collapse: collapse, то border - видно. Чем регулируется это поведение?
table {
width: 100%;
border-collapse: collapse;
}
thead {
border-top: solid 1px;
}
2013 | 2014 | 2015 | |
---|---|---|---|
Нефть | 43 | 51 | 79 |
Золото | 29 | 34 | 48 |
Дерево | 38 | 57 | 36 |
Иначе:
table { width: 100%; border-collapse: separate; } thead { border-top: solid 1px; }
2013 | 2014 | 2015 | |
---|---|---|---|
Нефть | 43 | 51 | 79 |
Золото | 29 | 34 | 48 |
Дерево | 38 | 57 | 36 |
Ответ
border-collapse - устанавливает, как отображать границы вокруг ячеек таблицы.
[collapse] - линия между ячейками отображается только одна.
[separate] - вокруг каждой ячейки отображается своя собственная рамка, в местах соприкосновения ячеек показываются сразу две линии.
Так как явно не задан цвет границы, то при collapse(должна отобразиться одна граница) взят цвет по умолчанию (black) и отображается граница в table, а не в thead. Учитывается border в thead, tbody, tfoot и tr
При separate игнорируются border в thead, tbody, tfoot и tr
Комментариев нет:
Отправить комментарий