---
title: CSS3 Border Radius Property
localeTitle: Свойство радиуса радиуса CSS3
---
## Свойство радиуса радиуса CSS3

Вы можете сделать границы элемента круглыми, используя свойство `border-radius` . Вы можете установить от одного до четырех значений для свойства `border-radius` :

*   `border-radius: 5px;` - это правило будет применяться ко всем углам
*   `border-radius: 5px 10px` Это правило будет применять первое значение к _верхнему левому_ и _нижнему правому_ , второе значение - к _верхнему_ и _нижнему левому_ .
*   `border-radius: 3px 5px 7px 10px` - это правило будет применять первое значение к _верхнему левому_ , второму значению _справа вверху_ , третье значение в _нижнем правом углу_ , четвертое значение - _внизу слева_ .
*   В случае трех значений второе значение применяется как к _верхнему, так_ и к _нижнему левому краю_ .

#### Дополнительная информация:

*   [MDN - пограничный радиус](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
*   [CSS-Tricks - пограничный радиус](https://css-tricks.com/almanac/properties/b/border-radius/)