Easy Tutorial
❮ Css3 Pr Background Size Css3 Pr Punctuation Trim ❯

CSS border-bottom Property

Example

Set the bottom border style:

p 
{
    border-style: solid;
    border-bottom: thick dotted #ff0000;
}

Definition and Usage

The border-bottom shorthand property sets all the bottom border properties in one declaration.

The properties that can be set, are (in order): border-bottom-width, border-bottom-style, and border-bottom-color.

It does not matter if one of the values above is missing, for example border-bottom: #FF0000; is allowed.

Default value: not specified
Inherited: no
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.borderBottom="3px solid blue"
--- ---

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
border-bottom 1.0 4.0 1.0 1.0 3.5

Property Values

Value Description
border-bottom-width Specifies the width of the bottom border
border-bottom-style Specifies the style of the bottom border
border-bottom-color Specifies the color of the bottom border
inherit Specifies that the value of the border-bottom property should be inherited from the parent element

Related Articles

CSS Tutorial: CSS Borders

❮ Css3 Pr Background Size Css3 Pr Punctuation Trim ❯