Свойство border-radius работает при создании адаптивных интерфейсов, позволяя закруглить углы элемента. 12 Оно придаёт элементу плавный, изогнутый вид. 2

Для использования свойства нужно указать одно, два, три или четыре значения. 1 Значения можно указывать в пикселях, процентах или других единицах измерения. 1 Если указано одно значение, оно применится ко всем углам элемента. 1 Если два значения — первое применится к левому верхнему и правому нижнему углу, а второе — к правому верхнему и левому нижнему. 1

Если значение задано в процентах, то оно будет высчитываться от размеров элемента: горизонтальные размеры — от ширины элемента, а вертикальные — от высоты. 4 Например, для квадратного элемента можно задать border-radius: 50%, чтобы сделать его круглым. 4