caption-side (CSS property)

Spec
Inherited Initial Version
Yes top CSS2, 2.1
Browser support (more…)
IE8+ FF1+ SA1.3+ OP9.2+ CH2+
Full Full Full Full Full

Syntax

caption-side: { bottom | top | inherit } ;

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
Contributed:
by Karpie
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.

Related Products