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