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.