CSS3 border-top-right-radiusPropiedad


Ejemplo

Agrega un borde redondeado en la esquina superior derecha del elemento div:

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

Pruébalo »

Compatibilidad del navegador

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

El número que aparece justo antes de -webkit-, -ms- o -moz- es la primera versión del navegador que admite la propiedad con ese prefijo.

Propiedad
border-radius 9.0 5.0
4.0 -webkit-		 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5

Definición de la propiedad e instrucciones de uso

La propiedad border-top-right-radius define la forma del borde en la esquina superior derecha.

Consejo:¡Esta propiedad te permite agregar bordes redondeados a los elementos!

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

Sintaxis

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

Nota:Los dos valores de longitud o porcentaje de la propiedad border-top-right-radius definen la forma de la esquina del borde exterior en un cuarto de elipse. El primer valor es el radio horizontal y el segundo es el radio vertical. Si se omite el segundo valor, se copia del primero. Si cualquiera de las longitudes es cero, la esquina es cuadrada, no redondeada. El porcentaje del radio horizontal se refiere al ancho del cuadro delimitador, mientras que el porcentaje del radio vertical se refiere a la altura del cuadro delimitador.

Valor Descripción
length Define la forma de la esquina superior derecha.
% Define la forma de la esquina superior derecha usando %.

Artículos relacionados

Tutorial de CSS3:CSS3 Borders

Otras extensiones