CSS GUIDE BOTTOM

This document is a work in progress and is subject to change.

Summary

The bottom property is used to horizontally offset from the bottom edge of an element.

Applicability:	The bottom property can be used for positioned elements.
Media Group:	Visual
Inherited:	No
Default Value:	auto

Syntax

TARGET_ELEMENT{bottom: inhert !important}
TARGET_ELEMENT{bottom: auto}
TARGET_ELEMENT{bottom: 20%}
TARGET_ELEMENT{bottom: 20px}

Legal Values

Value	Description
inherit	Explicitly sets the value to that of the parent
auto	Allows the browser to calculate the bottom position of the element
percentage	Sets the bottom position in a percentage from the left edge. Can be 0%-100%
length	Sets the bottom position in pixels (px), centimeters (cm), etc, from the bottom edge.

Usage Examples

p{
position: absolute;
bottom: 20px
}

img{
position: absolute;
bottom: 15%
}

div{
position: absolute;
bottom: auto
}

Notes

When bottom property is used with the position property, if the position property has a value of "static", the bottom property has no effect on the element.

Specification Conformance

• CSS 1
• CSS 2.1
• CSS 3

Browser Compatibility

• Netscape 6, 7
• Mozilla 1
• Firefox 1, 2

See Also

• right property
• left property
• top property
• overflow property
• position property
• vertical-align property
• z-index property