1. Home
  2. Computing & Technology
  3. Web Design / HTML

caption-side

By Jennifer Kyrnin, About.com

caption-side Description:

The caption-side property defines where the caption will be located with respect to the table.

caption-side in CSS Versions:

caption-side Syntax:

caption-side: top | bottom | inherit

  • top
    Display the caption above the table.
  • bottom
    Display the caption below the table.
  • inherit
    The element should have the same caption-side setting as the parent.

caption-side Initial Value:

top

caption-side Applies To:

Table-caption elements.

caption-side Inheritance:

This property is inherited.

caption-side Browser Support:

caption-side media type:

  • Visual

caption-side Examples:

Standard caption-side property

<table>
<caption style="caption-side : bottom;"> This is the caption</caption> <tr><td>The caption on this table will show at the bottom</td></tr>
</table>

caption-side Special Notes:

  • Use text-align to align text within the caption box.

More caption-side Information

Return to the Style Library

Explore Web Design / HTML

More from About.com

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. CSS
  5. Style Properties
  6. CSS Style Property: caption-side

©2008 About.com, a part of The New York Times Company.

All rights reserved.