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

border-left

By Jennifer Kyrnin, About.com

border-left Description:

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

border-left in CSS Versions:

border-left Syntax:

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

border-left Initial Value:

Not defined for shorthand properties.

border-left Applies To:

All elements.

border-left Inheritance:

This property is not inherited.

border-left Browser Support:

border-left Examples:

standard border-left

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

border-left Special Notes:

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

More border-left Information:

Return to the Style Library

Explore Web Design / HTML

More from About.com

  1. Home
  2. How does the vertical-align style property work?
  3. Playing with the Cursor
  4. CSS
  5. Style Properties
  6. CSS Style Property: border-left

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

All rights reserved.