---
title: CSS3 Border Radius Property
localeTitle: Propiedad de radio de borde CSS3
---
## Propiedad de radio de borde CSS3

Puedes hacer redondear los bordes de los elementos usando la propiedad `border-radius` . Puede establecer de uno a cuatro valores en la propiedad `border-radius` :

*   `border-radius: 5px;` - Esta regla se aplicará a todos los rincones.
*   `border-radius: 5px 10px` : esta regla aplicará el primer valor a la _parte superior izquierda_ y la _parte inferior derecha_ , el segundo a la _parte superior derecha_ y la _parte inferior izquierda_ .
*   `border-radius: 3px 5px 7px 10px` : esta regla aplicará el primer valor a la _parte superior izquierda_ , el segundo valor a _la derecha superior_ , el tercer valor a la _parte inferior derecha_ , el cuarto valor a la _parte inferior izquierda_ .
*   En el caso de tres valores, el segundo valor se aplica tanto a la _parte superior derecha_ como a la _parte inferior izquierda_ .

#### Más información:

*   [MDN - radio del borde](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
*   [Trucos CSS - radio del borde](https://css-tricks.com/almanac/properties/b/border-radius/)