caption-side

The caption-side property designates where a table caption is placed.

Syntax

Example:

.one {
  caption-side: top;
}

.two {
  caption-side: bottom;
}

Values

top
Default value. The caption is placed above the table.

bottom
The caption is placed below the table.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

Have a code example of caption-side? Submit a codepen.io demo and we'll showcase it here ↴