1. Home
  2. Computing & Technology
  3. Web Design / HTML

bottom

By , About.com Guide

bottom Description:

The bottom property defines how far the bottom of the element is offset from the bottom of the container element.

bottom in CSS Versions:
bottom Syntax:

bottom: <length> | <percentage> | auto | inherit

  • <length>
    A precise unit of meaurement.
  • <percentage>
    A percentage of the height of the containing block.
  • auto
    Determined by widths and heights of the elements.
  • inherit
    The element should have the same value as the parent element.
bottom Initial Value:

auto

bottom Applies To:

Positioned elements.

bottom Inheritance:

This property is not inherited.

bottom Browser Support:
bottom Media Type:
  • Visual
bottom Examples:

Standard bottom property

<p style="bottom : 5px;">
This paragraph should display 5 pixels from the bottom of the container element.
</p>
bottom Special Notes:
  • Negative units are permitted.

More bottom Information

Return to the Style Library

Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. CSS
  5. Style Properties
  6. CSS Style Property: bottom>

©2009 About.com, a part of The New York Times Company.

All rights reserved.