Propriedade border-top-left-radius
A propriedade border-top-left-radius cria
um arredondamento para o canto superior esquerdo da borda
e do fundo. O valor da propriedade pode ser qualquer unidade
de tamanho. Valor padrão: 0.
Sintaxe
seletor {
border-top-left-radius: valor;
}
Exemplo
Vamos definir um arredondamento de 10px para o canto
superior esquerdo:
<div id="elem"></div>
#elem {
border-top-left-radius: 10px;
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Veja também
-
propriedade
border-top-right-radius,
que define o arredondamento para o canto superior direito -
propriedade
border-bottom-left-radius,
que define o arredondamento para o canto inferior esquerdo -
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