You are here: Reference > CSS > properties > caption-side

caption-side property

Browser support:
Specifies the position of the caption box within a table element.
Note: The caption-side property is supported in Internet Explorer from version 8.
Earlier versions of Internet Explorer support the align attribute to provide similar functionality, but that attribute is deprecated in HTML 4.01. If you want to align a caption element to the top or bottom side of a table element, use the vAlign attribute in Internet Explorer earlier than version 8.
JavaScript page for this property: captionSide. You can find other example(s) there.

Possible values:

 One of the following values: 
Positions the caption box below the table box.
Takes the value of this property from the computed style of the parent element.
Positions the caption box to the left of the table box.
Positions the caption box to the right of the table box.
Positions the caption box above the table box.
Default: top.

Example HTML code 1:

This example illustrates the use of the caption-side property:
        .example {
            caption-side: bottom; 
            width: auto;
            text-align: center;
            font-weight: bold;
        <caption valign="bottom" class="example">Fruits</caption>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content