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 |
