В css существует возможность устанавливать border (границы) для html элементов. Для границы также можно устанавливать такие свойства как style (стиль границы), color (цвет) и width (толщина границы).
Все эти свойства можно указывать отдельно:
.example-border {
border-color: red;
border-width: 5px;
border-style: solid;
}
либо использовать более короткий синтаксис:
border: [border-width || border-style || border-color] | inherit
Универсальное свойство border позволяет одновременно установить толщину, стиль и цвет границы вокруг элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному свойству.
border-style может принимать одно из следующих значений: dottet, dashed, solid, double, groove, ridge, inset, outset
