Latest web development tutorials

propriedade HTML DOM Estilo borderRadius

Estilo Object Reference estilo Objects

Exemplos

Adicionar cantos arredondados a um elemento div:

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

tente »

Definição e Uso

borderRadius propriedade é um atalho conjuntos de propriedades ou devolve quatro propriedade border-radius.

Dica: Este atributo permite adicionar cantos arredondados para os elementos!


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE9 +, Firefox, Chrome, Safari e Opera apoio borderRadius propriedade.


gramática

Voltar propriedades borderRadius:

object .style.borderRadius

Definindo as propriedades borderRadius:

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

Nota: para osquatro valores, de acordo com o raio do, canto superior direito canto superior esquerdo, inferior direito, inferior esquerdo, na ordem dada. Se o valor do lado esquerdo será omitido, o seu valor é consistente com o valor no canto superior direito. Se o valor da direita inferior vai ser omitida, o seu valor é consistente com o valor do canto superior esquerdo. Se o valor do canto superior direito será omitida, o seu valor é consistente com o valor do canto superior esquerdo.

Valor de propriedade

描述
length 定义角的形状。默认值是 0。
% 以 % 形式定义角的形状。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

detalhes técnicos

padrão: 0
retorna: String representando o elemento de propriedade border-radius.
versão CSS CSS3


artigos relacionados

CSS Referência: atributo border-radius


Estilo Object Reference estilo Objects