manual de referência CSS

CSS @regras (RULES)

大全 de atributos CSS

CSS3 box-Propriedade sombra Borda do CSS-Atributo width

Método de uso e exemplo da propriedade CSS bottom

A propriedade CSS bottom especifica o deslocamento do elemento de alinhamento em relação ao fundo da caixa de referência ou da janela do navegador.

ParaAlinhamento absolutoElemento, a propriedade bottom especifica a distância do borda inferior do painel do elemento do borda inferior do bloco contido.
ParaAlinhamento relativoElemento, a propriedade bottom especifica o offset do borda inferior do painel em relação ao borda inferior do painel (ou seja, o painel é dado uma posição no fluxo normal, e então é deslocado conforme essas propriedades a partir dessa posição).

A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso nessa propriedade no script JavaScript.

Valor padrão：	auto
Aplicável a：	Elemento alinhado
Herança：	Não
Animável:	Sim.Por favor, consulte Propriedade de animação。
Versão：	CSS 2、3
Sintaxe em JavaScript：	object.style.bottom="50px"

Sintaxe de uso do bottom

A sintaxe dessa propriedade é a seguinte:

bottom: length | percentage | auto | initial | inherit

O exemplo a seguir demonstra como usar o atributo bottom.

Exemplo

　　p {
　　　position: absolute;
　　　bottom:　150px;
　　}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
length	Especifique o offset como valor de comprimento em px, pt, cm, em, etc. Permite usar valores negativos em comprimento.
percentage	Especifique a offset porcentagem. Calculado como porcentagem da altura do bloco contido. Permite usar valores negativos em porcentagem.
auto	O navegador calcula a posição do borda inferior. Isso é o valor padrão.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor da propriedade bottom do elemento pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo bottom, os números na tabela a seguir representam a versão mais baixa do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

	Firefox 1+ Google Chrome1+ Internet Explorer 5+ Apple Safari 1+ Opera 6+