Manual de referência CSS

CSS @regras (RULES)

Lista completa de propriedades CSS

Borda CSS-cima-Atributo style CSS3 borda-cima-esquerda-Atributo radius

CSS3 borda-cima-direita-Método de uso e exemplo do atributo 'radius'

Borda CSS-cima-direita-O atributo 'radius' define a forma arredondada do canto superior direito da borda do elemento.

A tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso do atributo no script JavaScript.

Valor padrão:	0
Aplicável a:	Todos os elementos
Herança:	Nenhum
Animável:	Sim.Veja referência Atributos de animação.
Versão:	CSS3nova funcionalidade
Sintaxe JavaScript:	object object.style.borderTopRightRadius="5px"

Atenção:borda-cima-direita-O atributo radius tornará o fundo do elemento arredondado mesmo se não for definida a borda ou se seu valor for definido como none.

borda-cima-direita-Sintaxe de uso do radius

A sintaxe dessa propriedade é a seguinte:

borda-cima-direita-radius: [ length | percentage ]1　ou　2　values | initial | inherit

Este atalho pode ser usado com um ou dois espaços separando os valores.

O valor opcional do segundo comprimento define o raio vertical do canto superior direito, resultando na forma de um quarto de elipse do canto.
Se omitir o segundo comprimento ou se ele for igual ao segundo comprimento, a forma do canto é um quarto de círculo. Se qualquer comprimento for zero, o canto é quadrado, não arredondado.

Os exemplos a seguir mostram como usar borda-cima-direita-Atributo radius

Exemplo

　　div {
　　　borda:　2px sólido #f08080;
　　　borda-cima-direita-radius:　20px;
　　}

Teste e veja‹/›

Valores do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
length	Em valores de comprimento como px, pt, cm, em, etc., mas não é permitido usar valores negativos.
percentage	O tamanho do raio, em porcentagem. Em dois valores, o primeiro valor é calculado como uma porcentagem em relação à largura da caixa do elemento (raio horizontal), e o segundo valor é calculado como uma porcentagem em relação à altura da caixa do elemento (raio vertical). Não é permitido usar valores negativos.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota a borda do pai-cima-direita-Valores do atributo radius.

Compatibilidade do navegador

borda-cima-direita-Compatibilidade do atributo radius dos navegadores, os números na tabela abaixo representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

	Firefox 4+ Google Chrome4+ Internet Explorer 9+ Apple Safari 5+ Opera 10.5+