CSS Tables


  • table-layout: auto | fixed;
  • border-collapse: separate | collapse;
  • border-spacing: <length> | <length> <length>;
  • empty-cells: show | hide;
  • caption-side: top | bottom;


These properties apply to both <table> elements (*) and HTML elements displayed as display: table or display: inline-table

(*) <table> elements are obviously natively styled by UA/browsers as display: table

HTML tables are semantically valid for tabular data. It is not recommended to use tables for layout. Instead, use CSS.