Atributo Style borderTopRightRadius

Definição e uso

borderTopRightRadius Este atributo define a forma do canto superior direito da borda.

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

Veja também:

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

Exemplo

Adicionar borda arredondada no canto superior direito do elemento div:

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

Experimente você mesmo

Sintaxe

Retornar atributo borderTopRightRadius:

object.style.borderTopRightRadius

Definir atributo borderTopRightRadius:

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

Observação:O valor de comprimento e a porcentagem do atributo border-top-right-radius definem o raio de um quarto de elipse (define a forma do canto externo da borda). 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 direito.
% Defina a forma do canto superior direito em porcentagem.
initial Defina este atributo para seu valor padrão. Veja mais em initial。
inherit Herda este atributo do elemento pai. Veja mais em inherit。

Detalhes técnicos

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

Navegador suporta

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