17 lines
1.6 KiB
Markdown
17 lines
1.6 KiB
Markdown
|
---
|
|||
|
|
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/)
|