Exemplo
Adicionar uma borda arredondada para o canto superior direito de um elemento div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Tente você mesmo " Definição e Uso
A propriedade borderTopRightRadius define a forma da borda do canto superior direito.
Tip: Esta propriedade permite-lhe adicionar bordas arredondadas para elementos!
Suporte navegador
A propriedade borderTopRightRadius é suportado no IE9 +, Firefox, Chrome, Safari e Opera.
Sintaxe
Devolver o imóvel borderTopRightRadius:
object .style.borderTopRightRadius
Defina a propriedade borderTopRightRadius:
object .style.borderTopRightRadius=" Note: Os dois valores de comprimento ou a percentagem das propriedades de fronteira-topo direito do raio definem os raios de um quarto de elipse que define a forma do canto da aresta limite exterior. O primeiro valor é o raio horizontal, segundo o raio vertical. Se o segundo valor for omitido ele é copiado a partir da primeira. Se qualquer comprimento é zero, o canto é quadrado, não arredondado. Percentagens para o raio horizontal referem-se a largura da caixa de fronteira, enquanto que percentagens para o raio vertical, referem-se a altura da caixa de fronteira. Valores de propriedade
Valor Descrição length Define a forma do canto superior direito % Define a forma do canto superior direito em% initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: 0 Valor de retorno: A String, que representa a propriedade border-top-direito do raio de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: border-top-right-radius property
<Estilo de objeto