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

border-bottom

By Jennifer Kyrnin, About.com

border-bottom Description:

The border-bottom property is a shorthand tag to define all the bottom border style properties of an element.

border-bottom in CSS Versions:

border-bottom Syntax:

border-bottom: [ <border-bottom-width> || <border-style> || <color> ] | inherit

border-bottom Initial Value:

Not defined for shorthand properties.

border-bottom Applies To:

All elements.

border-bottom Inheritance:

This property is not inherited.

border-bottom Browser Support:

border-bottom Examples:

standard border-bottom

<p style="border-bottom : 2em solid #c00;">
This paragraph has a 2 em solid red bottom border.
</p>

border-bottom Special Notes:

  • If you omit the color value, the color will be the same as the color value for the element.

More border-bottom Information:

Return to the Style Library

Explore Web Design / HTML

More from About.com

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

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

All rights reserved.