Border - Individual Sides

p {
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
}
  • In CSS, there are also properties for specifying each of the borders (top, right, bottom, and left).
  • If the border-style property has three values: border-style: dotted solid double; (top border is dotted, right and left borders are solid, bottom border is double).
  • If the border-style property has two values: border-style: dotted solid; (top and bottom borders are dotted, right and left borders are solid).
  • It also works with border-width and border-color.

Related concepts

Border - Individual Sides

Border - Individual Sides — Structure map

Clickable & Draggable!

Border - Individual Sides — Related pages: