Урок 98 із 239
41%
← Назад

Подвійна межа в CSS

Вивчаємо значення double властивості border-style, яке створює подвійну лінію навколо елемента.

Подвійна межа в CSS

Значення double властивості border-style створює подвійну межу навколо елемента.

<div id="elem"></div>
#elem {
  border-width: 5px;
  border-style: double;
  border-color: black;
  width: 300px;
  height: 100px;
}
❗ Важливо:

Товщина подвійної межі залежить від значення властивості border-width. Чим більше значення, тим помітнішою буде відстань між лініями.

📌 Завдання:
  1. Змініть значення border-width та подивіться, як змінюється подвійна межа.
💡 Показати підказку

Спробуйте значення 3px, 5px та 10px для властивості border-width.

✅ Показати відповідь
#elem {
  border-width: 5px;
  border-style: double;
  border-color: black;
  width: 300px;
  height: 100px;
}