Exemplo
Adicionar bordas arredondadas a um elemento div:
document.getElementById("myDIV").style.borderRadius = "25px"; Tente você mesmo " Definição e Uso
A propriedade borderRadius é um atalho para definir ou retornar, os quatro fronteira * propriedades Radius.
Tip: Esta propriedade permite adicionar cantos arredondados aos elementos!
Suporte navegador
A propriedade borderRadius é suportado no IE9 +, Firefox, Chrome, Safari e Opera.
Sintaxe
Devolver o imóvel borderRadius:
object .style.borderRadius
Defina a propriedade borderRadius:
object .style.borderRadius=" Note: Os quatro valores para cada raios são dadas na ordem superior esquerdo, superior direito, inferior direito, inferior esquerdo. Se inferior esquerdo é omitido é o mesmo que superior direito. Se inferior direito é omitido é o mesmo que superior esquerdo. Se superior direito é omitido é o mesmo que superior esquerdo. Valores de propriedade
Valor Descrição length Define a forma dos cantos. O valor padrão é 0 % Define a forma dos cantos 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: Uma corda, que representa a propriedade de fronteira de raio de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: border-radius property
<Estilo de objeto