CSS - border-bottom-width

Example

element { 
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #000;
}

Syntax  

/* Any <length> value */
border-bottom-width: 10em;
border-bottom-width: 3vmax;
border-bottom-width: 6px;

/* A keyword */
border-bottom-width: thin;
border-bottom-width: medium;
border-bottom-width: thick;

border-bottom-width: inherit;

Values

<br-width>

Is either a non-negative explicit <length> value or a keyword denoting the thickness of the bottom border. The keyword must be one of the following values:

thin		A thin border
medium		A medium border
thick		A thick border

The specification doesn't precisely define the thickness of each of the keywords, which is therefore implementation specific. Nevertheless, it requests that the thickness does follow the thin ≤ medium ≤ thick inequality and that the values are constant on a single document.

inherit

Represents the calculated value of the border-bottom-width of the parent's element.

Formal syntax

<a href="css/border-bottom-width#br-width"><br-width></a><p>where <br><code><br-width> = <a href="css/length" title="Possible values: a number followed by'em', 'ex', 'ch', 'rem', 'px', 'cm', 'mm', 'in', 'vh', 'vw', 'vmin', 'vmax', 'pt', 'pc' or 'px', like 3px, 1.5cm, -0.5em or 0"><length></a> <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> thin <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> medium <a href="css/value_definition_syntax#single_bar" title="Single bar">|</a> thick</code></p>

Description  

The border-bottom-width CSS property sets the width of the bottom border of a box.

Specifications  

Browser compatibility

See also

• The other border-width-related CSS properties: border-left-width, border-right-width, border-top-width, and border-width
• The other border-bottom-related CSS properties: border, border-bottom, border-bottom-style, and border-bottom-color.

License