| Inherited | Initial | Version |
|---|---|---|
| Yes | top |
CSS2, 2.1 |
| IE8+ | FF1+ | SA1.3+ | OP9.2+ | CH2+ |
|---|---|---|---|---|
| Full | Full | 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 (although they are still supported in Gecko
(Firefox)).
Compatibility
| Internet Explorer | Firefox | Safari | Opera | Chrome | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 8.0 | 1.0 | 1.5 | 2.0 | 3.0 | 3.5 | 1.3 | 2.0 | 3.1 | 4.0 | 9.2 | 9.5 | 10.0 | 2.0 |
| None | None | None | Full | Full | Full | Full | Full | Full | 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
- ID:
- #1
- Date:
- Mon, 02 Nov 2009 02:41:24 GMT
- Status:
- This note has not yet been confirmed for accuracy and relevance.
Perhaps a note should be added that IE can be supported for this property using the HTML property <caption align="top|bottom"> when using a non-Strict doctype.
