border

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

It is documented as part of the CSS Backgrounds and Borders specification.

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

/* Global values */
border: inherit;
border: initial;
border: revert;
border: revert-layer;
border: unset;
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.

1+
1+
1+
12+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC