NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : border-radius

30 de Diciembre del 2020 por Josep Antoni Bover. 34 visitas, 0 comentarios, 0 votos
Categorías : CSS.
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".

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

Enlaces relacionados