| Inherited | Initial | Version |
|---|---|---|
| Yes | top |
CSS2, 2.1 |
| IE7 | FF1+ | SA1.3+ | OP9.2+ |
|---|---|---|---|
| None | Full | Full | Full |
Syntax
Description
This property sets the
vertical position of a table caption box (an element whose
display property has the value
table-caption).
To affect the horizontal
alignment of the caption text, use the text-align
property.
The caption box is positioned relative to the table box. See Table Formatting for details.
Example
This style rule positions all table captions below their parent tables:
caption {
caption-side: bottom;
}Value
bottom- puts the caption below the table box
top- puts the caption above the table box
CSS2 also defined the values left and
right for this property, but they were removed in
CSS2.1.
Compatibility
| Internet Explorer | Firefox | Safari | Opera | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| None | None | None | Full | Full | Full | Full | Full | Full | Full | Full |
Internet Explorer for Windows versions up to and including 7 don’t support this property.
User-contributed notes
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.