caption-side The caption-side property determines the vertical positioning of the <caption> element within a table. This has no effect if such element does not exist.
Below an example with two tables with different values set to the caption-side property:
(opens new window)
The table on the left has caption-side: top while the one on the right has caption-side: bottom.
Value Description top This is the default value. It places the caption above the table. bottom This value places the caption below the table.
Syntax table-layout: auto | fixed; border-collapse: separate | collapse; border-spacing: | ; 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.
