Microsoft Developer Network

Sets or retrieves where the caption of a table is located.

Syntax

HTML	{ caption-side : sLocation }
Scripting	[ sLocation = ] object.style.captionSide [ = v ]

Possible Values

sLocation

String that specifies or receives the placement of the caption. top The caption is placed above the table. bottom The caption is placed below the table.

The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has no default value. The Cascading Style Sheets (CSS) attribute is inherited.

Remarks

This style attribute can be applied to any element with a display style of table-caption.

This property requires Internet Explorer to be in IE8 mode rendering.

Examples

The following example constructs a table with standard HTML elements. The style rule places the caption above the table.

<meta http-equiv="X-UA-Compatible" content="IE=8" />
				
<style type="text/css">
caption {
    caption-side:top;
}
</style>

<table><tr><td>A simple table.</td></tr>
<caption>Table caption.</caption>
</table> 

This example uses CSS to construct a table using display attributes. This caption is also placed above its associated table.

<meta http-equiv="X-UA-Compatible" content="IE=8" />
				
<style type="text/css">
.table {
    display:table;
    border:1px #eee outset;
    border-spacing:2px;
}
.cell {
    display:table-cell;
    border:1px solid black;
}
.caption {
    display:table-caption;
    caption-side:top;
}
</style>

<div class="table">
<span class="cell">Table content.</span>
<em class="caption">A caption.</em>
</div>

Standards Information

This property is defined in Cascading Style Sheets (CSS), Level 2 Revision 1 (CSS2.1) .

Applies To

currentStyle, runtimeStyle, style, CAPTION

See Also

display