17 lines
1.1 KiB
Markdown
17 lines
1.1 KiB
Markdown
|
---
|
||
|
|
title: CSS3 Border Radius Property
|
||
|
|
localeTitle: Propriedade de raio de borda CSS3
|
||
|
|
---
|
||
|
|
## Propriedade de raio de borda CSS3
|
||
|
|
|
||
|
|
Você pode fazer as bordas do elemento arredondar usando `border-radius` propriedade `border-radius` . Você pode definir de um a quatro valores para `border-radius` propriedade `border-radius` :
|
||
|
|
|
||
|
|
* `border-radius: 5px;` - esta regra será aplicada a todos os cantos
|
||
|
|
* `border-radius: 5px 10px` - Esta regra será aplicada primeiro valor para _canto superior esquerdo_ e _inferior direito,_ segundo valor para _superior direito_ e _inferior esquerdo._
|
||
|
|
* `border-radius: 3px 5px 7px 10px` - Esta regra aplicará o primeiro valor ao _canto superior esquerdo_ , o segundo valor ao _superior direito_ , o terceiro valor ao _canto inferior direito_ , o quarto valor ao _canto inferior esquerdo_ .
|
||
|
|
* No caso de três valores, o segundo valor aplica-se tanto ao _canto superior direito_ quanto ao _canto inferior esquerdo_ .
|
||
|
|
|
||
|
|
#### Mais Informações:
|
||
|
|
|
||
|
|
* [MDN - border-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
|
||
|
|
* [CSS-Tricks - border-radius](https://css-tricks.com/almanac/properties/b/border-radius/)
|