17.4.1 Caption position and alignment

Chapter 17 - Tables - 17.4.1 Caption position and alignment

Go to the relevant page of the specification.

caption-side-001
Caption-side set to 'top'
A caption with a 'caption-side' value of 'top' will be positioned above its table.
caption-side-002
Caption-side set to 'bottom'
A caption with a 'caption-side' value of 'bottom' will be positioned below its table.
caption-side-003
Caption-side set to 'inherit'
A caption can inherit its 'caption-side' behavior from its table parent.
caption-side-applies-to-001
Caption-side and 'display: inline' elements
Caption-side does not apply to 'display: inline' elements.
caption-side-applies-to-002
Caption-side and 'display: block' elements
Caption-side does not apply to 'display: block' elements.
caption-side-applies-to-003
Caption-side and 'display: list-item' elements
Caption-side does not apply to 'display: list-item' elements.
caption-side-applies-to-005
Caption-side and 'display: inline-block' elements
Caption-side does not apply to 'display: inline-block' elements.
caption-side-applies-to-006
Caption-side and 'display: table' elements
Caption-side does not apply to 'display: table' elements.
caption-side-applies-to-007
Caption-side and 'display: inline-table' elements
Caption-side does not apply to 'display: inline-table' elements.
caption-side-applies-to-008
Caption-side and 'display: table-row-group' elements
Caption-side does not apply to 'display: table-row-group' elements.
caption-side-applies-to-009
Caption-side and 'display: table-header-group' elements
Caption-side does not apply to 'display: table-header-group' elements.
caption-side-applies-to-010
Caption-side and 'display: table-footer-group' elements
Caption-side does not apply to 'display: table-footer-group' elements.
caption-side-applies-to-011
Caption-side and 'display: table-column' elements
Caption-side does not apply to 'display: table-column' elements.
caption-side-applies-to-012
Caption-side and 'display: table-row' elements
Caption-side does not apply to 'display: table-row' elements.
caption-side-applies-to-013
Caption-side and 'display: table-column-group' elements
Caption-side does not apply to 'display: table-column-group' elements.
caption-side-applies-to-014
Caption-side and 'display: table-cell' elements
Caption-side does not apply to 'display: table-cell' elements.
caption-side-applies-to-015
Caption-side and 'display: table-caption' elements
Caption-side applies to 'display: table-caption' elements.
caption-side-applies-to-016
Caption-side and 'display: none' elements
Caption-side does not apply to 'display: none' elements.
caption-side-applies-to-017
Caption-side and 'display: inherit' elements
Caption-side applies to 'display: inherit' elements which do not inherit the value of 'table-caption'.
caption-side-example-001
Caption border and table border
Caption-side, text-align and width properties of a caption work together as expected (example from section 17.4.1).
caption-side-inherited-001
Caption-side is inherited by default
Caption-side is inherited by default.
caption-side-initial-001
Initial value of 'caption-side'
The initial value of 'caption-side' is 'top'.
table-caption-horizontal-alignment-001
Horizontally aligning table caption content
Table caption content can be horizontally aligned with the 'text-align' property.