CSS border

Shorthand property that sets different properties for an element’s border in a single declaration.

Syntax

border: <values>;

Copy to clipboard
Copy to clipboard

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;
}

Copy to clipboard
Copy to clipboard

The following image demonstrates the code block above:

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;
}

Copy to clipboard
Copy to clipboard

The following image demonstrates the code block above: