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

#html #css

Если я ставлю параметр 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
     
   
  
 
 



    

Ответы

Ответ 1

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

[collapse] - линия между ячейками отображается только одна.

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

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

При separate игнорируются border в thead, tbody, tfoot и tr.