0 FPS
Propiedad CSS : border-radius
La web está en segundo plano, animación en pausa.
Cargando animación...
Esta propiedad corta nos permite asignar las propiedades "border-bottom-left-radius", "border-bottom-right-radius", "border-top-left-radius", y "border-top-right-radius" en la misma línea.
Sintaxis
border-radius: TLH TRH BLH BRH / TLV TRV BLV BRV;
Los cuatro valores antes de la barra se refieren a los valores horizontales, y los cuatro valores posteriores se refieren a valores verticales.
Se pueden omitir los valores verticales, en cuyo caso se copiarán de los valores horizontales.
También se pueden omitir los valores hasta dejar un unico valor, en ese caso si omitimos "bottom-left" se copiara de "top-right", si omitimos "bottom-right" se copiara de "top-left", y si omitimos "top-right" se copiara de "top-left".
Se pueden omitir los valores verticales, en cuyo caso se copiarán de los valores horizontales.
También se pueden omitir los valores hasta dejar un unico valor, en ese caso si omitimos "bottom-left" se copiara de "top-right", si omitimos "bottom-right" se copiara de "top-left", y si omitimos "top-right" se copiara de "top-left".
TLH | Especifica el valor border-top-left-radius horizontal. |
TRH | Especifica el valor border-top-right-radius horizontal. |
BLH | Especifica el valor border-bottom-left-radius horizontal. |
BRH | Especifica el valor border-bottom-right-radius horizontal. |
TLV | Especifica el valor border-top-left-radius vertical. |
TRV | Especifica el valor border-top-right-radius vertical. |
BLV | Especifica el valor border-bottom-left-radius vertical. |
BRV | Especifica el valor border-bottom-right-radius vertical. |
Código de ejemplo
Compatibilidad
Esta propiedad es soportada por todos los navegadores compatibles con CSS3.
Soportado a partir de la versión 4 | |
Soportado a partir de la versión 4 | |
Soportado a partir de la versión 10.5 | |
Soportado a partir de la versión 5 | |
Soportado a partir de la versión 9 |
Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020
Enlaces relacionados
- border
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-color
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width