Atributo borderRadius del estilo

Definición y uso

borderRadius Este atributo es una abreviatura que se utiliza para establecer o retornar los cuatro atributos borderRadius.

Los cuatro atributos borderRadius son (en este orden)：

Consejo：Esta propiedad le permite agregar esquinas redondeadas a los elementos!

Vea también：

Manual de referencia de CSS：Atributo borderRadius

Ejemplo

Agregar esquinas redondeadas al borde del elemento div：

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

Pruebe usted mismo

Sintaxis

Retornar borderRadius atributo：

object.style.borderRadius

Establecer borderRadius atributo：

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

Notas：Las cuatro valores de cada radio se proporcionan en el orden de arriba a la izquierda, arriba a la derecha, abajo a la derecha y abajo a la izquierda. Si se omite la esquina inferior izquierda, será igual a la esquina superior derecha. Si se omite la esquina inferior derecha, será igual a la esquina superior izquierda. Si se omite la esquina superior derecha, será igual a la esquina superior izquierda.

Valor del atributo

Valor Descripción
length Defina la forma del ángulo. El valor predeterminado es 0.
% Defina la forma de la esquina redondeada 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 el Atributo borderRadius。
Versión de CSS： CSS3

Compatibilidad del navegador

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