Open main menu

CDOT Wiki β

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

ValueDescription
inheritExplicitly sets the value to that of the parent
autoAllows the browser to calculate the bottom position of the element
percentageSets the bottom position in a percentage from the left edge. Can be 0%-100%
lengthSets the bottom position in pixels (px), centimeters (cm), etc, from the bottom edge.

Mozilla Recommended Values

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

Browser Compatibility

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

See Also