---
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/)