freeCodeCamp/guide/portuguese/css/properties/css3-border-radius-property/index.md

1.1 KiB

title localeTitle
CSS3 Border Radius Property 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: