CSS3 border-top-left-radiusPropiedad


Ejemplo

Añade un borde redondeado a la esquina superior izquierda del elemento div:

div
{
border:2px solid;
border-top-left-radius:2em;
}

Pruébalo »

Compatibilidad del navegador

Los números de la tabla indican la primera versión del navegador que es compatible con la propiedad.

Los números precedidos por -webkit-, -ms- o -moz- indican la primera versión del navegador que admite la propiedad con ese prefijo.

Propiedad
border-radius 9.0 5.0
4.0 -webkit-		 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5

Definición de la propiedad y notas de uso

La propiedad border-top-left-radius define la forma del borde de la esquina superior izquierda.

Consejo:¡Esta propiedad te permite añadir bordes redondeados a los elementos!

Valor predeterminado: 0
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object object.style.borderTopLeftRadius="5px"

Sintaxis

border-top-left-radius: length|% [length|%];

Nota:Los dos valores de longitud o porcentaje de la propiedad border-top-left--radius definen la forma de la esquina del borde exterior de un cuarto de elipse. El primer valor es el radio horizontal y el segundo es el radio vertical. Si se omite el segundo valor, se copia del primero. Si cualquiera de las longitudes es cero, la esquina es cuadrada, no redondeada. El porcentaje del radio horizontal se refiere al ancho del cuadro delimitador, y el porcentaje del radio vertical se refiere a la altura del cuadro delimitador.

Valor Descripción
length Define la forma de la esquina superior izquierda.
% Define la forma de la esquina superior izquierda utilizando %.

Artículos relacionados

Tutorial de CSS3:CSS3 Borders

Otras extensiones