border

Складова властивість border контролює ширину, стиль і колір рамки елемента

Ширина рамки визначається в пікселях.

Стиль — одне значення з набору можливих значень, найпоширенішими значеннями є solid, dashed і dotted.

Колір задається в будь-якому форматі, зазвичай HEX

border: 5px solid orangered;

Також є властивості, що окремо задають значення рамки. Їх можна застосовувати в якості альтернативи властивості border, або щоб при зміні лиш одного значення рамки не дублювати інші властивості.

border-width: значення;

border-style: значення;

border-color: значення;

Наприклад, якщо при ховері змінюється лише колір рамки елемента.

.box {
width: 200px;
height: 200px;
border: 5px solid orangered;
}
.box:hover {
border-color: cyan;
}