CSS3 border-bottom-left-radiusPropiedad


Ejemplo

Agrega un borde redondeado a la esquina inferior izquierda de un elemento div:

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

Pruébalo »

Compatibilidad del navegador

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

Los números precedidos por -webkit-, -ms- o -moz- indican 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 y uso de la propiedad

La propiedad border-bottom-left-radius define la forma del borde de la esquina inferior izquierda.

Consejo:¡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-left-radius: length|% [length|%];

Nota:Nota: Si establece dos valores, el primero se usa para el borde inferior y el segundo para el borde izquierdo. Si se omite el segundo valor, se copia del primero. Cuando uno de los valores es 0, la esquina redondeada no se establece y la esquina se muestra como un ángulo recto.

/* 圆形 */
/* border-bottom-left-radius: radius */
border-bottom-left-radius: 3px;

/* 椭圆形 */
/* border-bottom-left-radius: 水平方向 垂直方向 */
border-bottom-left-radius: 0.5em 1em;

border-bottom-left-radius: inherit;
Valor Descripción
length Define la forma de la esquina inferior derecha.
% Usa % para definir la forma de la esquina inferior derecha.

Artículos relacionados

Tutorial CSS3:Bordes CSS3

Otras extensiones