Atributo border-bottom-right-radius CSS

Definición y uso

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

Consejo:Esta propiedad le permite agregar bordes arredondados al elemento.

Vea también:

Tutorial de CSS3:Borde CSS3

Ejemplo

Añade un borde arredondado al ángulo inferior derecho del elemento div:

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

Prueba por ti mismo

Sintaxis de CSS

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

Notas:El valor de longitud y el valor porcentual del atributo border-bottom-right-radius definen el radio de un cuarto de elipse (define la forma del borde del ángulo exterior). 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 á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 del atributo

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

Detalles técnicos

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

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta 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