manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS3 borda-bottom-right-Atributo radius Borda do CSS-bottom-Atributo color

CSS3 borda-bottom-left-Método de uso e exemplo da propriedade radius

borda-bottom-left-A propriedade radius no CSS é usada para definir o estilo circular do canto inferior direito do elemento. Este círculo pode ser de forma circular ou elíptica, 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:	objectobject.style.borderBottomRightRadius="3px"

Nota:borda-bottom-left-O atributo radius tornará o fundo do elemento arredondado mesmo se o borda não for definida ou seu valor for definido como none.

borda-bottom-left-Sintaxe de uso do radius

A sintaxe deste atributo é a seguinte:

borda-bottom-left-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 da esquina inferior esquerda, 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 demonstram como usar a borda-bottom-left-Atributo radius.

Exemplo

　　div {
　　　borda:　2px sólido #f08080;
　　　borda-bottom-left-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 é permitido que o valor seja 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-bottom-left-Valor calculado do atributo radius.

Compatibilidade do navegador

borda-bottom-left-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 este 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 borda-bottom-left-Atributo radius do CSS. No IE9e versões mais recentes são compatíveis.