English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
borde-abajo-izquierda-La propiedad 'radius' en CSS se utiliza para establecer el estilo circular del borde inferior derecho del elemento. Este círculo puede ser redondo o elíptico, y cuando el valor es 0, se convierte en un borde de esquina recta común. El fondo, ya sea una imagen o un color, será afectado por esta propiedad en su forma.
La siguiente tabla muestra la explicación de uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | 0 |
|---|---|
| Aplicable a: | todos los elementos |
| Herencia: | ninguno |
| Animable: | es.Por favor, consulte Atributos de animación. |
| Versión: | CSS3nueva funcionalidad |
| Sintaxis de JavaScript: | objectobject.style.borderBottomRightRadius="3px" |
Nota:borde-abajo-izquierda-El atributo radius hace que el fondo del elemento sea redondeado incluso si no se define el borde o se establece su valor en none.
La sintaxis de este atributo es la siguiente:
borde-abajo-izquierda-radius: [ length | percentage ] 1 o 2 values | initial | inherit
Este atajo puede usar un o dos valores separados por un espacio en blanco.
El valor opcional de la segunda longitud define el radio vertical de la esquina inferior izquierda, por lo que la forma del ángulo es un cuarto de elíptico.
Si se omite el segundo valor de longitud o es igual al segundo valor de longitud, la forma del ángulo es un cuarto de círculo. Si cualquier longitud es cero, el ángulo es cuadrado en lugar de redondeado.
Los siguientes ejemplos muestran cómo usar border-abajo-izquierda-Atributo radius.
div {
border: 2px sólido #f08080;
borde-abajo-izquierda-radius: 20px;
}Ver prueba‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| length | La unidad del valor de longitud puede ser px, pt, cm, em, etc., pero no se permiten valores negativos. |
| percentage | El tamaño del radio, en porcentajes. En el caso de dos valores, el primer valor se calcula como un porcentaje del ancho del cuadro del elemento (es decir, el radio horizontal), y el segundo valor se calcula como un porcentaje de la altura del cuadro del elemento (es decir, el radio vertical). No se permiten valores negativos. |
| initial | Establecer este atributo a su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el borde del elemento padre-abajo-izquierda-Valor calculado del atributo radius. |
borde-abajo-izquierda-Compatibilidad del atributo radius en los navegadores, los números en la tabla a continuación representan la versión mínima de los navegadores que admiten este atributo, todos los navegadores principales admiten este atributo.
|
Advertencia: Internet Explorer 8y versiones anteriores.-abajo-izquierda-Atributo radius CSS. No es compatible con border en IE9y versiones posteriores son compatibles.
Ver tutorial:Borde CSS,CSS3 Borde.
Atributos relacionados:borde-radius,borde-abajo-derecha-radius,borde-arriba-izquierda-radius,borde-arriba-derecha-radius.