Atributo border-bottom-left-radius CSS

Definición y uso

El atributo border-bottom-left-radius define la forma del borde del extremo inferior izquierdo.

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

Véase también:

Tutorial de CSS3:Borde de CSS3

Ejemplo

Añadir un borde redondeado al extremo inferior izquierdo del elemento div:

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

Prueba personalmente

Sintaxis de CSS

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

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

Valor Descripción Pruebas
length Define la forma del extremo inferior izquierdo. Pruebas
% Define la forma del extremo inferior izquierdo en porcentajes. Pruebas

Detalles técnicos

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

Compatibilidad del navegador

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

Los números con -webkit- o -moz- indican la primera versión con prefijo utilizada.

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