border-width | CSS CSS Properties

A shorthand for setting the thickness of all four borders. You can provide 1, 2, 3, or 4 values to target different sides specifically.

Quick example

.box {
  /* top | right | bottom | left */
  border-width: 2px 5px 2px 5px;
  border-style: solid;
  border-color: #333;
}

Initial value

See individual properties

Inherited

Applies to

all elements

Widely available Since 2015 96% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.

Safe to use without fallbacks.

12+