You are here : cssCSS 3bottom

bottom - CSS 3

For absolutely positioned elements, the bottom property sets the bottom edge of an element to a unit above/below the 
bottom edge of its nearest positioned ancestor. Note: If an 
absolute positioned element has no positioned ancestors, it uses the document 
body, and moves along with page scrolling. Note: A "positioned" 
element is one whose position is anything except static.For relatively positioned elements, the bottom property sets the bottom edge of an element to a unit above/below its normal position.Note: If "position:static", the bottom property has no effect.


Syntax

bottom: auto|length|initial|inherit;


Example

div.absolute {    position: absolute;    
	bottom: 70px;    width: 200px;    
	height: 100px;    border: 3px solid #8AC007;}


Output / Return Value


Limitations


Alternatives / See Also


Reference