Los últimos tutoriales de desarrollo web
 

Style borderRadius Property

<Estilo de objeto

Ejemplo

Añadir bordes redondeados a un elemento div:

document.getElementById("myDIV").style.borderRadius = "25px";
Inténtalo tú mismo "

Definición y Uso

La propiedad borderRadius es una propiedad abreviada para establecer o devolver, las cuatro propiedades fronterizas * Radius.

Tip: Esta propiedad le permite añadir esquinas redondeadas de los elementos!


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad borderRadius es compatible con IE9 +, Firefox, Chrome, Safari y Opera.


Sintaxis

Devolver la propiedad borderRadius:

object .style.borderRadius

Establecer la propiedad borderRadius:

object .style.borderRadius=" Note: Los cuatro valores para cada uno de los radios se dan en el orden superior izquierda, superior derecha, abajo a la derecha, abajo a la izquierda. Si se omite inferior izquierda es el mismo que arriba a la derecha. Si se omite la parte inferior derecha es la misma que arriba a la izquierda. Si se omite la parte superior derecha es la misma que arriba a la izquierda.

Valores de propiedad

Valor Descripción
length Define la forma de las esquinas. El valor por defecto es 0
% Define la forma de las esquinas en%
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: 0
Valor de retorno: Una cadena, que representa la propiedad frontera de radio de un elemento
Versión CSS CSS3

Páginas relacionadas

Referencia CSS: border-radius property


<Estilo de objeto