Примеры использования css-свойств для создания рамки (границы) элемента

Свойство border-style

solid
none solid dashed dotted double ridge groove inset outset hidden

Используем от 1 до 4 значений border-style

border-style: none;

Количество значений

Стиль рамки

Применить

Свойство border-width

thin
thin medium thick 3px 3pt 3em 3vw 3vh

Свойство border-color

#7713db
transparent #7713db #f00 rgb(15, 135, 145) rgba(15, 135, 145, .5) coral hsl(60, 100%, 50%)
Один цвет (border-color: chartreuse;)
Два цвета (border-color: #ff0 #f40;)
Три цвета (border-color: rgb(46, 167, 46) yellow #f00)
Четыре цвета (border-color: hsl(189, 91%, 26%) blue rgb(72, 213, 226) #99faeb;)

Обобщенное свойство border

border-top: 3pt dotted #26b552;
border-right: .5rem solid #f40;
border-bottom: 7px double rgb(16, 26, 157);
border-left: medium dashed #f8a;
border: 2px solid #a4f4b7;
border-bottom-color: #55aa69;
1px solid hsl(60, 100%, 50%);
border-left: 6px dotted #f90;