Latest web development tutorials

propriedade HTML DOM Estilo borderTopRightRadius

Estilo Object Reference estilo Objects

Exemplos

Somando-se no canto superior direito das fronteiras elemento div arredondados:

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

tente »

Definição e Uso

borderTopRightRadius conjuntos de propriedades ou retorna a forma da borda direita inferior.

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


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


gramática

Voltar propriedades borderTopRightRadius:

object .style.borderTopRightRadius

Definindo as propriedades borderTopRightRadius:

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

Nota: comprimento de raio border-top-direito Osdois valores ou a percentagem raio de um quarto de elipse que define a forma do canto externo das bordas 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 de raio border-top-direita.
versão CSS CSS3


artigos relacionados

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


Estilo Object Reference estilo Objects