Latest web development tutorials

propriedade HTML DOM Estilo borderTopLeftRadius

Estilo Object Reference estilo Objects

Exemplos

Somando-se o canto superior esquerdo das fronteiras elemento div arredondados:

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

tente »

Definição e Uso

borderTopLeftRadius conjuntos de propriedades ou retorna a forma do canto superior esquerdo da fronteira.

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


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


gramática

Voltar propriedades borderTopLeftRadius:

object .style.borderTopLeftRadius

Definindo as propriedades borderTopLeftRadius:

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

Nota: Os valores de dois-fronteira superior-esquerdo raio comprimento ou a percentagem de raio de um quarto de elipse que define a forma do canto externo das arestas de fronteira definida.O primeiro valor é o raio horizontal, e o segundo valor é o raio vertical. Se o segundo valor é omitido, o primeiro valor é copiado. Se dois comprimentos são 0, então o ângulo é quadrado, não redondas. Percentagem raio é horizontal em relação à largura da caixa delimitadora, e a percentagem é em relação ao raio da altura vertical da caixa delimitadora.

Valor de propriedade

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

detalhes técnicos

padrão: 0
retorna: String representando o elemento de atributo border-top-left-raio.
versão CSS CSS3


artigos relacionados

Referência CSS: border-left-Top-RADIUS atributo


Estilo Object Reference estilo Objects