border

A shorthand property that sets an element's border width, style, and color in a single declaration.

Quick example

.btn {
  border: 2px solid var(--accent);
  /* width | style | color */
}

Quick facts

Initial value
See individual properties
Inherited
No
Applies to
all elements

border Browser Support

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.

1+
1+
1+
12+
ESC