Bottom

Set the bottom edge of an element relative to its normal position (relative positioning) or relative to the bottom edge of its container (absolute or fixed positioning)

Syntax
      bottom: length | percentage | auto | inherit ;

Length - A positive number will move the element up, a negative number down.
percentage - Set the bottom edge position as a percentage of the containing element. Negative values are allowed.
Auto - Let the browser calculate the bottom edge position.
inherit - inherit from the parent element.

If a bottom value is applied to an element with a Absolute or Fixed position, it will be placed relative to the bottom of the document (or non-static parent element.)
If both a top and bottom value are applied to a relatively positioned element, only the top value will be honored.

Examples:
h1 { position: relative; bottom: 25px; }
.ss64class { position: absolute; bottom: -2em; }

#SS64id { position: relative; bottom: 25pt; }

Try it:

This is a sample of text with a CSS border. The border helps to display the position of the text DIV.

Browser Support: CSS 2 supported in all major browsers.

“Happiness makes up in height what it lacks in length” ~ Robert Frost

Related:

top - Top position of a positioned element
left - Left position of a positioned element
right - Right position of a positioned element
position - Positioning method for an element (static, relative, absolute or fixed)


© Copyright SS64.com 1999-2014
Some rights reserved