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;
}