Atributo Style borderTopLeftRadius

Definición y uso

borderTopLeftRadius Establece o devuelve la forma del borde en la esquina superior izquierda.

Consejo:Esta propiedad le permite agregar bordes redondeados a los elementos!

Vea también:

Manual de referencia de CSS:Atributo border-top-left-radius

Ejemplo

Añadir un borde redondeado en la esquina superior izquierda del elemento div:

document.getElementById("myDIV").style.borderTopLeftRadius = "25px";

Pruebe usted mismo

Sintaxis

Retornar el atributo borderTopLeftRadius:

objeto.style.borderTopLeftRadius

Establecer el atributo borderTopLeftRadius:

objeto.style.borderTopLeftRadius = "longitud|% [longitud|%]|initial|inherit"

Notas:El valor de longitud y el valor en porcentaje del atributo border-top-left-radius definen el radio de un cuarto de elipse (define la forma de la esquina del borde exterior). El primer valor es el radio horizontal, el segundo valor es el radio vertical. Si se omite el segundo valor, se copia el primer valor. Si la longitud es cero, la esquina es cuadrada en lugar de circular. El porcentaje del radio horizontal se refiere al ancho de la caja del borde, y el porcentaje del radio vertical se refiere a la altura de la caja del borde.

Valor del atributo

Valor Descripción
longitud Defina la forma de la esquina superior izquierda.
% Defina la forma de la esquina inferior izquierda en porcentajes.
initial Establezca este atributo en su valor predeterminado. Consulte initial.
inherit Hereda este atributo de su elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: 0
Valor de retorno: Cadena de caracteres, que representa la Atributo border-top-left-radius.
Versión de CSS: CSS3

Navegador compatible

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 9.0 Soporte Soporte Soporte