Export (0) Print
Expand All

border-bottom property

Specifies the properties of the bottom border of the object.

CSS Backgrounds and Borders Module Level 3, Section 4.4

 

Syntax

border-bottom: border-bottom-width || border-bottom-style || <border-bottom-color>

Property values

One or more of the following space-delimited values:

border-bottom-width

Any of the range of width values available to the border-bottom-width property.

border-bottom-style

Any of the range of style values available to the border-bottom-style property.

border-bottom-color

Any of the range of color values available to the border-bottom-color property.

CSS information

Applies ToAll elements
Mediavisual
Inheritedno
Initial Value(see individual properties)

Standards information

Remarks

The border-bottom property is a composite property that sets the width, style, and color values for the bottom border of an object.

All individual border properties not set by the composite border-bottom property are set to their default values. For example, the default value for width is "medium".

If a color is not specified, the text color is used.

For more information about supported colors, see the Color Table.

Examples

This example uses border-bottom to change border-bottom-width, border-bottom-style, and border-bottom-color for a div element.

An element styled using the border-bottom property


<body>
   <div class="bottom"></div>
</body>


div {
   border: 2px solid black;
   height: 50px;
   width: 50px;
}
.bottom {
   border-bottom: 2px dashed #00BFFF;
}

See also

CSSStyleDeclaration
currentStyle
defaults
runtimeStyle
style
Reference
border
Other Resources
CSS Enhancements in Internet Explorer 6

 

 

Show:
© 2014 Microsoft