CSS3 border-bottom-right-radiusPropiedad


Ejemplos

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

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

Pruébalo »

Compatibilidad del navegador

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

Los números que preceden a -webkit-, -ms- o -moz- indican la primera versión del navegador que soporta 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 y uso de la propiedad

La propiedad border-right-radius define la forma del borde de la esquina inferior derecha.

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

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

Sintaxis

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

Nota:Los dos valores de longitud o porcentaje de la propiedad border-right-radius definen la forma de la esquina del borde exterior de un cuarto de elipse. El primer valor es el radio horizontal; el segundo, 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 inferior derecha.
% Define la forma de la esquina inferior derecha usando %.

Artículos relacionados

Tutorial CSS3:CSS3 Borders

Otras extensiones