/    Sign up×
Reference /Pin to ProfileBookmark

border-bottom-width

Sets the width of the bottom border.

Syntax

The border-bottom-width property defines the width of the bottom border. It can use one of the predefined values (medium, thin, thick) or a length unit.

/* Using a length value */
border-bottom-width: 0.2em;
border-bottom-width: 3px;

/* using a predefined value */
border-bottom-width: thin;
border-bottom-width: thick;

/* using global CSS keywords */
border-bottom-width: inherit;
border-bottom-width: initial;

Values

medium
Sets the bottom border to be of medium thickness. This is the default value.

thin
Sets the bottom border to be thin.

thick
Sets the bottom border to be thick.

length
Allows the definition of a custom thickness for the bottom border. This is to be expressed in length units.

initial
Global CSS keyword – this sets the property to the default value.

inherit
Global CSS keyword – this sets the property to be inherited from its parent element.

Browser Compatibilty

Demos

Have a code example of border-bottom-width? Submit a codepen.io demo and we'll showcase it here

to submit a demo.
CSS
×

Success!

Help @reference spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 3.3,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,

tipper: Anonymous,
tipped: article
amount: 10 SATS,
)...