CSS Basic

CSS HOME
CSS Introduction
CSS Syntax
CSS Id & Class
CSS How To

CSS Styling

Styling Backgrounds
Styling Text
Styling Fonts
Styling Lists
Styling Tables

CSS Box Model

CSS Box Model
CSS Border
CSS Outline
CSS Margin
CSS Padding

CSS Advanced

CSS Grouping/Nesting
CSS Dimension
CSS Display
CSS Positioning
CSS Floating
CSS Align
CSS Pseudo-class
CSS Pseudo-element
CSS Image Gallery
CSS Image Opacity
CSS Image Sprites
CSS Media Types
CSS Attribute Selectors
CSS Don't
CSS Summary

CSS Examples

CSS Quiz

CSS Quiz
CSS Exam

CSS References

CSS Reference
CSS Reference A to Z
CSS Reference Aural
CSS Web Safe Fonts
CSS Units
CSS Colors
CSS Colorvalues
CSS Colornames

CSS caption-side Property

Complete CSS Reference

Example

Specify the placement of a table caption:

caption
{
caption-side:bottom;
}

Try it yourself »

Definition and Usage

The caption-side property specifies the placement of a table caption.

Default value:	top
Inherited:	yes
Version:	CSS2
JavaScript syntax:	object.style.captionSide="bottom"

Browser Support

The caption-side property is supported in all major browsers.

Note: Internet Explorer 8 (and higher) supports the caption-side property if a !DOCTYPE is specified.

Property Values

Value	Description
top	Puts the caption above the table. This is default
bottom	Puts the caption below the table
inherit	Specifies that the value of the caption-side property should be inherited from the parent element

CSS tutorial: CSS Table

HTML DOM reference: captionSide property