manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

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

CSS3 borda-inferior-direita-Método de uso e exemplo da propriedade 'radius'

borda-inferior-direita-A propriedade 'radius' no CSS é usada para definir o estilo circular do canto inferior direito do elemento. Este círculo pode ser circular ou elíptico, e quando o valor é 0, ele se torna um canto retangular comum. Independentemente de ser uma imagem ou cor de fundo, essa propriedade afeta a forma.

A tabela a seguir fornece a descrição de uso e histórico de versões 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:	não
Animável:	é.Por favor, consulte Propriedades de animação。
Versão:	CSS3nova funcionalidade
Sintaxe do JavaScript:	object object.style.borderBottomRightRadius="8px"

Atenção:borda-inferior-direita-O atributo radius fará com que o fundo do elemento fique arredondado mesmo se o border não estiver definido ou se seu valor for none.

borda-inferior-direita-Sintaxe de uso do radius

A sintaxe deste atributo é a seguinte:

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

Este atalho pode usar um ou dois valores separados por um ou dois espaços.

O valor opcional do segundo comprimento define o raio vertical do canto superior direito, portanto, a forma do canto é um quarto de elipse.
Se o segundo comprimento for omitido ou 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 a borda-inferior-direita-Atributo radius.

Exemplo

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

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
length	O valor da unidade de comprimento pode ser px, pt, cm, em, etc., mas não pode ser negativo.
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 elemento pai-inferior-direita-Valor calculado do atributo radius.

Compatibilidade do navegador

borda-inferior-direita-Compatibilidade do atributo radius dos navegadores, os números na tabela a seguir representam a versão mínima do navegador que suporta o atributo. Todos os navegadores populares suportam o atributo.

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

Aviso: Internet Explorer 8e versões mais antigas não suportam essa borda-inferior-direita-Atributo radius. No IE9e versões mais recentes são compatíveis.