Ejemplo
Añadir un borde redondeado a la esquina superior derecha de un elemento div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px"; Inténtalo tú mismo " Definición y Uso
La propiedad borderTopRightRadius define la forma del borde de la esquina superior derecha.
Tip: Esta propiedad le permite agregar bordes redondeados a los elementos!
Soporte del navegador
La propiedad borderTopRightRadius es compatible con IE9 +, Firefox, Chrome, Safari y Opera.
Sintaxis
Devolver la propiedad borderTopRightRadius:
object .style.borderTopRightRadius
Establecer la propiedad borderTopRightRadius:
object .style.borderTopRightRadius=" Note: Los dos valores de longitud o porcentaje de las propiedades de radio border-top-derecha 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 derecha % Define la forma de la esquina superior derecha 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 derecha radio border-top de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: border-top-right-radius property
<Estilo de objeto