Border Color

p.one {
  border-style: solid;
  border-color: red;
}

p.two {
  border-style: solid;
  border-color: green;
}

p.three {
  border-style: solid;
  border-color: red green blue yellow;
}
  • Is used to set the color of the four borders.
  • Can be set by: name, hex, RGB, transparent.
  • Can have from one to four values (for the top border, right border, bottom border, and the left border).
  • If border-color is not set, it inherits the color of the element.

Border Color — Structure map

Clickable & Draggable!

Border Color — Related pages: