Propriedade border-bottom-left-radius
A propriedade border-bottom-left-radius
cria um arredondamento para o canto inferior esquerdo
da borda e do fundo. Os valores da propriedade são
quaisquer unidades
de tamanho. Valor padrão: 0.
Sintaxe
seletor {
border-bottom-left-radius: valor;
}
Exemplo
Vamos definir um arredondamento de 10px para o
canto inferior esquerdo:
<div id="elem"></div>
#elem {
border-bottom-left-radius: 10px;
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Veja também
-
propriedade
border-top-left-radius,
que define o arredondamento para o canto superior esquerdo -
propriedade
border-top-right-radius,
que define o arredondamento para o canto superior direito -
propriedade
border-bottom-right-radius,
que define o arredondamento para o canto inferior direito -
propriedade
border-radius,
que define o arredondamento para todos os cantos simultaneamente -
propriedade
border,
que é uma propriedade abreviada para a borda
