🎯 CSS caption-side Property

The caption-side CSS property controls the position of the <caption> element in an HTML table.

It defines whether the table caption appears above or below the table.

This property is useful for controlling the layout and readability of table captions in different design structures.

• Improves table layout control
• Enhances readability of table titles
• Helps in responsive table design
• Allows flexible UI structure

The caption is displayed above the table. This is the default behavior.

table {
    caption-side: top;
}
                

Most browsers use this as the default caption position.

The caption is displayed below the table.

table {
    caption-side: bottom;
}
                

This is useful when you want the title to appear after the table content.

Resets the property to its default value (top).

Inherits the value from the parent element.