HTML Dog
Skip to navigation

CSS Property: border

The width, style, and color of all four sides of the border of a box.

A shorthand property that combines border-top, border-right, border-bottom, and border-left, along with border-width, border-style, and border-color.

Possible Values

A space-separated list, containing up to three values representing border-width, border-style, and border-color. Any excluded values will default to their initial value.

Value Description Example
[width]
(equivalent of single border-width value)
  • Width is set explicitly.
  • Style defaults to none.
  • Color defaults to the computed color property of the box.
2px
[style]
(equivalent of single border-style value)
  • Style is set explicitly.
  • Width defaults to medium.
  • Color defaults to the computed color property of the box.
solid
[color]
(equivalent of single border-color value)
  • Color is set explicitly.
  • Width defaults to medium.
  • Style defaults to none.
red
[width] [style]
  • Width is set explicitly.
  • Style is set explicitly.
  • Color defaults to the computed color property of the box.
2px solid
[width] [color]
  • Width is set explicitly.
  • Color is set explicitly.
  • Style defaults to none.
2px red
[style] [color]
  • Style is set explicitly.
  • Color is set explicitly.
  • Width defaults to medium.
solid red
[width] [style] [color]
  • Width is set explicitly.
  • Style is set explicitly.
  • Color is set explicitly.
2px solid red
inherit
initial
unset

Example


#animal { border: 1px solid #000; }

Browser support