CSS caption-side Property


Specify the placement of a table caption:

caption {
    caption-side: bottom;

Try it yourself »

Definition and Usage

The caption-side property specifies the placement of a table caption.

Default value: top
Inherited: yes
Animatable: no. Read about animatable
Version: CSS2
JavaScript syntax: object.style.captionSide="bottom" Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

caption-side 1.0 8.0 1.0 1.0 4.0

Note: IE8 supports the caption-side property only if a !DOCTYPE is specified.

CSS Syntax

caption-side: top|bottom|initial|inherit;

Property Values

Value Description Play it
top Puts the caption above the table. This is default Play it »
bottom Puts the caption below the table Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit

Related Pages

CSS tutorial: CSS Table

HTML DOM reference: captionSide property


Color Picker