The border-bottom-width
CSS property sets the width of the bottom border of a box.
Initial value | medium |
---|---|
Applies to | all elements. It also applies to ::first-letter . |
Inherited | no |
Media | visual |
Computed value | the absolute length or 0 if border-bottom-style is none or hidden
|
Animation type | a length |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
/* 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;
br-width>
<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 |
thin ≤ medium ≤ thick
inequality and that the values are constant on a single document.inherit
border-bottom-width
of the parent's element.<br-width>where
<br-width> = <length> | thin | medium | thick
element { border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #000; }
Specification | Status | Comment |
---|---|---|
CSS Backgrounds and Borders Module Level 3 The definition of 'border-bottom-width' in that specification. | Candidate Recommendation | No significant change |
CSS Level 2 (Revision 1) The definition of 'border-bottom-width' in that specification. | Recommendation | Initial definition |
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 (1.0) | 4.0 | 3.5 | 1.0 (85) |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | ? | (Yes) | ? | ? | ? | ? |
border-left-width
, border-right-width
, border-top-width
, and border-width
border
, border-bottom
, border-bottom-style
, and border-bottom-color
.
© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width