Tutorials Point

  CSS Home

  CSS Reference
  Pseudo Classes & Elements

Copyright © 2014 by tutorialspoint

  Home     References     Discussion Forums     About TP  

CSS - bottom

previous next AddThis Social Bookmark Button



The bottom property defines an offset of the bottom edge of an absolutely positioned element from the bottom edge of its positioning context, or the vertical distance which a relatively positioned element will be displaced.

Possible Values:

  • length: A fixed distance from the bottom of the positioning context.
  • percent: Some percentage of the height of the positioning context, assuming that the height of the context has been set explicitly. If not, then a percentage value for bottom is treated as though it were auto.
  • auto: Default. Lets the browser calculate the bottom position.

Applies to:

All the HTML positioned element.

DOM Syntax:



Here is the example which shows effect of this property:

<p style="position:absolute; bottom:100px;">
This line will be positioned 100px above from the 
bottom edge of this window.

To Become more comfortable - Do Online Practice

previous next Printer Friendly