From W3C Wiki
< CSS‎ | Properties
Revision as of 18:10, 16 June 2011 by Hiroki (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search


The bottom property specifies how far positioned box's bottom margin edge is.


Values <length> | <percentage> | auto | inherit
Initial value auto
Applies to positioned elements
Inherited No

Point, Note

  • For absolutely positioned elements
    This property specifies the distance between the bottom margin edge of the element and the bottom edge of its containing block.

  • For relatively positioned elements
    This property specifies the offset is with respect to the bottom edges of the box itself.


  • <length>
    The offset is a fixed distance from the reference edge. Negative values are allowed.

  • <percentage>
    The offset is a percentage of the containing block's height. Negative values are allowed.

  • auto

  • inherit
    Takes the same specified value as the property for the element's parent.


Example A


   background-color: #999;
   width: 300px;
   position: absolute;
   bottom: 25px;
   right: 50px;


  <p>This is a paragraph.</p>

Csslist2 bottom.png

CSS Reference

The CSS specification defines the bottom property in 9.3.2 Box offsets.