Border: style + color + width

border

Set the style, color and width for all four borders.

Property values

This property directly sets 3 properties:

  • border-style
  • border-color
  • border-width

See the separate specification for each individual property.

Effectively these 12 individual properties are set:

  • border-top-style
  • border-right-style
  • border-bottom-style
  • border-left-style
  • border-top-color
  • border-right-color
  • border-bottom-color
  • border-left-color
  • border-top-width
  • border-right-width
  • border-bottom-width
  • border-left-width

Examples

border: solid blue 1px;
border
0

style > framing > borderBorder: style + color + width

🔎