Why css tables only draw border around its rows and not include table-caption inside border?

Viewed 2930

In css tables, I am noticing that if I add a border to display: table; element, it only draws border around all display: table-row; nodes, but not around display: table-caption; element, even if the table-caption node is a child of the display: table;. Why does it do so?

How do I get it to draw border around whole table (i.e. include table-caption inside the border)?

I have created a fiddle to demonstrate the point: https://jsfiddle.net/9028hswc/

1 Answers
Related