border-bottom

Support Key: [CSS1|CSS2|CSS2.1] [IE4B2|N6|O3.5|S1]
Other Border Properties
border
border-top
border-right
border-left
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   [See individual properties]
Applicable Elements:
ALL
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
<img BORDER> | <table BORDER>
Official Docs:
CSS1: Sect. 5.5.20
CSS2: Sect. 8.5.4, CSS2.1: Sect 8.5.4
What is it?
This is a shorthand property which allows an author to specify the border-width, border-style, and border-color for the bottom border of an element. If no color is specified, the value will be taken from the 'color' property.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
[border-width]
[CSS1|CSS2|CSS2.1] [IE4B2 |N6|O3.5|S1]
Type: [border-width]
Description:
Uses a [border-width] value to render the bottom border of an element.
[border-style]
[CSS1|CSS2|CSS2.1] [IE4B2 |N6|O3.5|S1]
Type: [border-style]
Description:
Uses a [border-style] value to render the bottom border of an element.
[border-color]
[CSS1|CSS2|CSS2.1] [IE4B2 |N6|O3.5|S1]
Type: [border-color]
Description:
Uses a [border-color] value to render the bottom border of an element.
Syntax
Selector { border-bottom: [border-width] [border-style] [border-color] }
Example
Ext/Doc: div.out { border-bottom: 10px outset #ffffff }
In-Line:  <div STYLE="border-bottom: 10px outset #ffffff">this is a beautiful test</div>
Browser Peculiarities

Boring Copyright Stuff....