CSS caption-side Property

The caption-side property in CSS is used to specify the position of a table caption. It determines whether the caption appears at the top or bottom of the table.

• Commonly used with HTML tables to control caption placement.
• Supports values like top and bottom.
• Helps improve the presentation and readability of tables.

Syntax:

caption-side: top | bottom | block-start | block-end | inline-start | inline-end | initial | inherit;

Properties: 

• top: It specifies that the table caption is placed at the top of the table. It is the default value.
• bottom: This property specifies that the table caption is placed at the bottom of the table.
• initial: It sets the property to its default value.

Example: Here, we are using caption-side:top; property.

Example:  Here, we are using caption-side:bottom; property.

Example:   Here, we are using caption-side: initial; property.