Atributo bottom CSS

Definição e uso

A propriedade bottom define a margem inferior do elemento. Esta propriedade define o deslocamento da margem inferior da borda externa do elemento de alinhamento até a borda inferior do bloco contido.

Notas:Se o valor da propriedade position for "static", a definição da propriedade bottom não terá efeito.

Descrição

Para elementos estáticos, é auto; para valores de comprimento, é o comprimento absoluto correspondente; para valores em porcentagem, é o valor especificado; caso contrário, é auto.

Para elementos definidos relativamente, se bottom e top são ambos auto, seus valores calculados são 0; se um dos dois é auto, o valor do outro é negado; se ambos não são auto, bottom assume o valor negado de top.

Veja também:

Tutorial CSS:Alinhamento CSS

Manual de referência do DOM HTML:propriedade bottom

Exemplo

Coloque a margem inferior da imagem 5 pixels acima da margem inferior do elemento contido:

img
  {
  position:absolute;
  bottom:5px;
  }

Experimente você mesmo

Sintaxe do CSS

bottom: auto|comprimento|initial|inherit;

Valor da propriedade

Valor Descrição
auto Valor padrão. A posição inferior é calculada pelo navegador.
% Definir a posição da borda inferior do elemento em porcentagem do tamanho do elemento contido. Valores negativos podem ser usados.
comprimento Definir a posição da borda inferior do elemento usando unidades como px, cm, etc. Valores negativos podem ser usados.
inherit Define que o valor da propriedade bottom deve ser herdado do elemento pai.

Detalhes técnicos

Valor padrão: auto
Herança: não
Versão: CSS2
Sintaxe do JavaScript: objeto.style.bottom="50px"

Mais exemplos

Definir a margem inferior da imagem usando valores em pixels
Este exemplo demonstra como usar valores em pixels para definir a margem inferior da imagem.
Definir a margem inferior da imagem usando porcentagens
Este exemplo demonstra como usar porcentagens para definir a margem inferior da imagem.

suporte-do-navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0