Latest web development tutorials

HTML DOM propiedad Estilo borderRadius

Estilo de referencia de objetos Objetos de estilo

Ejemplos

Añadir esquinas redondeadas a un elemento div:

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

Trate »

Definición y Uso

borderRadius propiedad es una abreviatura conjuntos de propiedades o devuelve la propiedad de cuatro frontera de radio.

Consejo: Este atributo le permite añadir esquinas redondeadas de los elementos!


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE9 +, Firefox, Chrome, Safari y Opera apoyo borderRadius propiedad.


gramática

Volver propiedades borderRadius:

object .style.borderRadius

Configuración de las propiedades borderRadius:

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

Nota: para loscuatro valores de acuerdo con el radio de la derecha superior izquierda, superior, inferior derecha, abajo a la izquierda, en el orden dado. Si se omite el valor de la izquierda, su valor es consistente con el valor en la parte superior derecha. Si se omite el valor de la parte inferior derecha, su valor es consistente con el valor de la parte superior izquierda. Si se omite el valor de la parte superior derecha, su valor es consistente con el valor de la parte superior izquierda.

propiedad Valor

描述
length 定义角的形状。默认值是 0。
% 以 % 形式定义角的形状。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalles técnicos

Por defecto: 0
Devuelve: Cadena que representa el elemento de propiedad frontera de radio.
versión CSS CSS3


Artículos relacionados

CSS Referencia: atributo border-RADIUS


Estilo de referencia de objetos Objetos de estilo