Shorthand property that sets different properties for an elements border in a single declaration.


border: <values>;

The border property accepts one or more of the following properties as values:

  • border-style(required)
  • border-color
  • border-width

Example 1

Setting a div elements border style to dashed.

div {
/* <border-style> */
border: dashed;

Example 2

Setting an img elements border to dotted, red and a width of 20px.

div {
/* <border-width> | <border-style> | <border-color> */
border: 20px dotted red;


Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn CSS on Codecademy