The border-bottom-width
CSS property sets the width of the bottom border of a box.
/* 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;
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 |
Syntax
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 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
<br-width>
Examples
element { border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #000; }
Specifications
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 |
Browser compatibility
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) | ? | ? | ? | ? |
See also
- The other border-width-related CSS properties:
border-left-width
,border-right-width
,border-top-width
, andborder-width
- The other border-bottom-related CSS properties:
border
,border-bottom
,border-bottom-style
, andborder-bottom-color
.
Document Tags and Contributors
Tags:
Contributors to this page:
rideron89,
jswisher,
elysdir1,
erikadoyle,
bunnybooboo,
ChrisTM,
y0ssar1an,
Prinz_Rana,
Sebastianz,
fscholz,
jsx,
amitabha197,
SiddharthBhatt,
kscarfone,
teoli,
Sheppy,
ethertank,
gordun,
Yuichiro,
grendel,
Nathymig,
BijuGC,
Mgjbot,
Ptak82,
DBaron,
Qazzian,
alecananian
Last updated by:
rideron89,