Propriedade borderRadius do estilo

Definição e uso

borderRadius A propriedade é usada para definir ou retornar os quatro atributos borderRadius de forma abreviada.

Os quatro atributos borderRadius são (na ordem):

Dica:Essa propriedade permite que você adicione arredondamentos aos elementos!

Veja também:

Manual de referência CSS:Propriedade borderRadius

Exemplo

Adicione borda arredondada ao elemento div:

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

Experimente você mesmo

Sintaxe

Retorne a propriedade borderRadius:

object.style.borderRadius

Defina a propriedade borderRadius:

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

Observação:Os quatro valores de cada raio são fornecidos na ordem superior esquerda, superior direita, inferior direita e inferior esquerda. Se o canto inferior esquerdo for omitido, ele será o mesmo que o superior direito. Se o canto inferior direito for omitido, ele será o mesmo que o superior esquerdo. Se o canto superior direito for omitido, ele será o mesmo que o superior esquerdo.

Valor da propriedade

Valor Descrição
length Defina a forma do canto. O valor padrão é 0.
% Defina a forma da curva arredondada em porcentagem.
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: 0
Retorno: String, que representa o Propriedade borderRadius.
Versão do CSS: CSS3

Suporte do navegador

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