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