CSS Reference Manual

CSS @rules

Complete List of CSS Properties

CSS clear attribute CSS3 box-sizing attribute

CSS caption-side attribute usage and example

　caption-The side CSS attribute sets the vertical position of the table title box. To horizontally align the title text within the title box, please usetext-alignAttribute.

The following table provides usage instructions and version history of this attribute, as well as its syntax in JavaScript scripts.

Element
Default value:	top
Applies to:	Table
Inheritance:	Yes
Animatable:	No View Animation properties.
Version:	CSS 2,3
JavaScript syntax:	object.style.captionSide="bottom"

caption-side attribute syntax

The syntax of this attribute is as follows:

caption-side: top | bottom | initial | inherit

The following examples demonstrate how to use caption-side attribute.

Example

　　caption {
　　　caption-side: bottom;
　　}

Test and see‹/›

Attribute value

The following table describes the values of this attribute.

Value	Description
top	Place the title box above the table box.
bottom	Place the title box below the table box.
initial	Set this attribute to its default value.
inherit	If specified, the associated element adopts the caption of its parent element.-side attribute values.

Browser compatibility

caption-Browser compatibility of the side attribute, the numbers in the following table represent the minimum version number of the browsers that support this attribute; all mainstream browsers support this attribute.

	Firefox 1+ Google Chrome1+ Internet Explorer 8+ Apple Safari 1+ Opera 4+

Warning: Internet Explorer 7and earlier versions do not support this caption-side attribute. IE8Only in<!DOCTYPE>Supports only when a valid value is specified.