Definition and Usage
The caption-side CSS property positions the content of a table's <caption> on the specified side.
- Initial top
- Applies to table-caption elements
- Inherited yes
- Media visual
- Computed Value as specified
- Animatable no
- Canonical order the unique non-ambiguous order defined by the formal grammar
Syntax
Formal syntax: top | bottom
caption-side: top
caption-side: bottom
caption-side: left /* Warning: non-standard value */
caption-side: right /* Warning: non-standard value */
caption-side: inherit
Values
- top bottom left right
- A keyword representing the side of the table on which the caption box is to be placed. It may have the following values:
-
top |
The caption box will be above the table. |
bottom |
The caption box will be below the table. |
left Non-standard |
The caption box will be on the left side of the table. Note: this value was proposed for CSS 2, but removed from the final CSS 2.1 specification. It is non-standard. |
right Non-standard |
The caption box will be on the right side of the table. Note: this value was proposed for CSS 2, but removed from the final CSS 2.1 specification. It is non-standard. |
- inherit
- Is a keyword indicating that the caption-side value defined on the parent's element must be used.
Examples
.contentbox table-caption {
caption-side: bottom;
}
Compatibility
Desktop browsers
Feature |
Chrome |
Firefox |
Internet Explorer |
Opera |
Safari |
Basic support |
1.0 |
1.0 |
8.0 |
4.0 |
1.0 |
left and right Non-standard |
Not supported |
(Yes) |
Not supported |
Not supported |
Not supported |
Mobile browsers
Feature |
Android |
Firefox Mobile (Gecko) |
IE Phone |
Opera Mobile |
Safari Mobile |
Basic support |
NA |
NA |
NA |
NA |
NA |
left and right Non-standard |
Not supported |
NA |
Not supported |
Not supported |
Not supported |