Как установить разные стили границ для разных сторон элемента в CSS?

• border-top-style — задаёт стиль верхней границы 1;
• border-right-style — задаёт стиль правой границы 1;
• border-bottom-style — задаёт стиль нижней границы 1;
• border-left-style — задаёт стиль левой границы 1.

selector {
  border-top-style: style;
  border-right-style: style;
  border-bottom-style: style;
  border-left-style: style;
}
Скопировать

div {
  border-top-style: solid;
  border-right-style: dashed;
  border-bottom-style: dotted;
  border-left-style: double;
  border-width: 5px;
  border-color: red;
  padding: 20px;
}
Скопировать