Atributo Style borderTopLeftRadius

Definição e uso

borderTopLeftRadius Define a forma do canto superior esquerdo da borda.

Dica:Esta propriedade permite que você adicione bordas arredondadas ao elemento!

Veja também:

Manual de referência CSS:Atributo border-top-left-radius

Exemplo

Adicionar borda arredondada no canto superior esquerdo do elemento div:

document.getElementById("myDIV").style.borderTopLeftRadius = "25px";

Experimente você mesmo

Sintaxe

Retornar atributo borderTopLeftRadius:

object.style.borderTopLeftRadius

Definir atributo borderTopLeftRadius:

object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"

Notas:O valor da largura do atributo border-top-left-radius e o valor em porcentagem definem o raio do quarto círculo (define a forma do canto da borda externa) do arco elíptico. O primeiro valor é o raio horizontal, e o segundo valor é o raio vertical. Se o segundo valor for omitido, ele copiará o primeiro valor. Se o comprimento for zero, o canto será quadrado, não circular. A porcentagem do raio horizontal se refere à largura da caixa de borda, e a porcentagem do raio vertical se refere à altura da caixa de borda.

Valor do atributo

Valor Descrição
length Defina a forma do canto superior esquerdo.
% Defina a forma do canto inferior esquerdo em porcentagem.
initial Defina este atributo para seu valor padrão. Veja também initial。
inherit Herda este atributo do elemento pai. Veja também inherit。

Detalhes técnicos

Valor padrão: 0
Retorno: Stringo, que representa o Atributo border-top-left-radius。
Versão do CSS： CSS3

Navegador suporta

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 9.0 Suporte Suporte Suporte