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
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