border-bottom

Defines the properties for the bottom border for the element.

Platform Support

IENetscapeMozillaOperaSafari
4.0+6.0+1.0+4.0+1.0+

Usage

[color] [style] [width]

Values

*Specify a border-bottom value not on this list.
inheritInherit the value from the parent element.
#ffffffborder-bottom-color: Border color placeholder. e.g. #ffffff = white
noneborder-bottom-style: No border.
dottedborder-bottom-style: Dotted line.
dashedborder-bottom-style: Dashed line.
solidborder-bottom-style: Solid line.
doubleborder-bottom-style: Double line.
grooveborder-bottom-style: Grooved line.
ridgeborder-bottom-style: Ridged line.
insetborder-bottom-style: Inset line.
outsetborder-bottom-style: Outset line.
hiddenborder-bottom-style: Hidden border.
thinborder-bottom-width: Thin border.
mediumborder-bottom-width: Medium border.
thickborder-bottom-width: Thick border.

Example

To specify a thick, red, dashed bottom border, use the following syntax: .myborderbottomclass {border-bottom: thick red dashed;}.

Remarks

Use the border-bottom property as a shortcut to typing out all of the individual border-bottom properties separately. You can specify any valid value for a border-bottom- property as part of border-bottom.

Availability

W3C CSS2

Related

text_css aptana_docs