CSS bottom

Related:
• CSS Positioning
• CSS 'position'
• CSS 'top'
• CSS 'left'
• CSS 'right'
• CSS 'float'
• All CSS Properties

Also see the full, alphabetical list of CSS properties

The CSS bottom property is used in positioning an element. The bottom property allows you to specify how far the element is offset from the bottom of its containing block (for absolute positioning), or from the bottom of where the element itself would normally have been (for relative positioning).

The 'bottom' property is used in conjunction with the position property, as well as the top, left, and right properties.

Syntax:	bottom: <value>
Possible Values:	<length> (i.e. 20px) <percentage> (i.e. 20%) auto inherit
Initial Value:	Auto
Applies to:	Positioned elements.
Inherited:	No
Media:	Visual
Example:	`div { position: absolute; bottom: 20px; }`
Try it yourself!	HTML Editor <style type="text/css"> div { width: 200; height: 80; border:1px solid #ff9900; position: absolute; bottom: 20px; } </style> <div class="inner">This ''div'' is positioned using the CSS bottom property. Try changing the values to see the effect it has on the position of the div.</div>

Also see all CSS properties listed alphabetically

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_bottom.cfm">CSS bottom</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites