border-style | CSS CSS Properties

A shorthand for setting the line style of all four borders at once. Without a style (like 'solid' or 'dashed'), borders are invisible by default.

Quick example

.frame {
  /* top | right | bottom | left */
  border-style: solid dashed double none;
  border-width: 2px;
  border-color: #333;
}

Initial value

See individual properties

Inherited

Applies to

all elements

Animation type

discrete

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+