English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-top-left-La propiedad radius CSS establece la esquina superior izquierda del borde del elemento en forma circular.
La tabla siguiente 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 |
| Animación posible: | es.Ver: Atributos de animación。 |
| Versión: | CSS3nueva característica |
| JavaScript syntax: | object object.style.borderTopLeftRadius="8px" |
Nota:border-top-left-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:
border-top-left-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 de longitud opcional define el radio vertical de la esquina superior izquierda, por lo que la forma de la esquina es un cuarto de elipse.
Si se omite la segunda longitud o es igual a la segunda longitud, la forma de la esquina es un cuarto de círculo. Si alguna longitud es cero, la esquina es cuadrada en lugar de redondeada.
Los siguientes ejemplos muestran cómo usar border-top-left-Atributo radius.
div {
border: 2px sólido #f08080;
border-top-left-radius: 20px;
}Prueba aquí‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| length | Valores de longitud en 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 en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el borde del elemento padre.-top-left-Valores del atributo radius. |
border-top-left-La compatibilidad del atributo radius de los navegadores, los números en la tabla a continuación representan la versión mínima de los navegadores que admiten esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Ver tutorial:Borde CSS，CSS3 Border。
Atributos relacionados:border-radius，border-bottom-left-radius，border-bottom-right-radius，border-top-right-radius。