Atributo Style borderTopRightRadius

Definición y uso

borderTopRightRadius Este atributo define la forma de la esquina superior derecha del borde.

Consejo:Este atributo le permite agregar bordes arredondados a los elementos!

Vea también:

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

Ejemplo

Añadir un borde arredondado en la esquina superior derecha del elemento div:

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

Pruebe usted mismo

Sintaxis

Devolver el atributo borderTopRightRadius:

objeto.style.borderTopRightRadius

Establecer el atributo borderTopRightRadius:

objeto.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"

Comentarios:El valor de longitud y el valor en porcentaje del atributo border-top-right-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
length Defina la forma de la esquina superior derecha.
% Defina la forma de la esquina superior derecha 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 devuelto: Cadena de caracteres, que representa el Atributo border-top-right-radius。
Versión de CSS： CSS3

Navegador compatible

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