Ejemplo
Añadir un borde redondeado a la esquina superior izquierda de un elemento div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades borderTopLeftRadius o devuelve la forma del borde de la esquina superior izquierda.
Tip: Esta propiedad le permite agregar bordes redondeados a los elementos!
Soporte del navegador
La propiedad borderTopLeftRadius es compatible con IE9 +, Firefox, Chrome, Safari y Opera.
Sintaxis
Devolver la propiedad borderTopLeftRadius:
object .style.borderTopLeftRadius
Establecer la propiedad borderTopLeftRadius:
object .style.borderTopLeftRadius=" Note: Los dos valores de longitud o porcentaje de las propiedades de radio border-top-izquierda definir los radios de un cuarto de elipse que define la forma de la esquina del borde borde exterior. El primer valor es el radio horizontal, el segundo el radio vertical. Si se omite el segundo valor se copia de la primera. Si bien la longitud es cero, la esquina es cuadrada, no redondeada. Los porcentajes para el radio horizontal se refieren a la anchura de la caja de frontera, mientras que los porcentajes para el radio vertical, se refieren a la altura de la caja frontera. Valores de propiedad
Valor Descripción length Define la forma de la esquina superior izquierda % Define la forma de la esquina superior izquierda 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 de izquierda radio border-top de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: border-top-left-radius property
<Estilo de objeto