border-radius

border-radius: <length-percentage>{1,4} [ / <length-percentage>{1,4} ]?

📝 Описание

Устанавливает скругление углов элемента.

Значение по умолчанию: 0

🎯 Возможные значения

  • <length> — радиус в px, em, rem
  • <percentage> — процент от размера элемента
  • Можно указать до 4 значений для разных углов
.button {
  border-radius: 8px;
}

.circle {
  border-radius: 50%;
}

🌐 Поддержка браузеров

Все современные браузеры