Atributo border-top-right-radius de CSS

Definición y uso

El atributo border-top-right-radius define la forma del borde del ángulo inferior derecho.

Consejo:Esta propiedad le permite agregar bordes redondeados a los elementos.

Véase también:

Tutoriales de CSS3:Borde CSS3

Ejemplo

Añade un borde redondeado al ángulo superior derecho del elemento div:

div
{
border:2px solid;
border-top-right-radius:2em;
}

Prueba por ti mismo

Sintaxis de CSS

border-top-right-radius: length|% [length|%];

Notas:El valor de longitud y el valor porcentual del atributo border-top-right-radius definen el radio de la cuarta circunferencia elíptica (define la forma del borde del ángulo externo). El primer valor es el radio horizontal, el segundo valor es el radio vertical. Si se omite el segundo valor, se copia el primer valor. Si la longitud es cero, el borde del ángulo es cuadrado en lugar de circular. El valor porcentual del radio horizontal se refiere al ancho de la caja del borde, y el valor porcentual del radio vertical se refiere a la altura de la caja del borde.

Valor de la propiedad

Valor Descripción Pruebas
length Define la forma del ángulo superior derecho. Pruebas
% Define la forma del ángulo superior derecho en porcentajes. Pruebas

Detalles técnicos

Valor por defecto: 0
Herencia: no
Versión: CSS3
Sintaxis de JavaScript: object.style.borderTopRightRadius="5px"

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-
9.0 4.0
3.0 -moz-
5.0
3.1 -webkit-
10.5