English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

Max do CSS-Método de uso e exemplo do atributo height

Max-O atributo height do CSS especifica a altura máxima da área de conteúdo do elemento. Essa altura máxima não inclui preenchimento, borda ou margem-Para mais informações, consulteModelo de caixa do CSS

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

Valor padrão:none
Aplicável a:Todos os elementos exceto os elementos embutidos não substituídos, as linhas da tabela e os grupos de linhas
Herança:Não
Animável:Sim.Por favor, consulte Atributos de animação
Versão:CSS 2、3
Sintaxe em JavaScript:object.style.maxHeight="200px"

Max-Sintaxe de uso do height

A sintaxe dessa propriedade é a seguinte:

Max-height: length | percentage | none | initial | inherit

Os exemplos a seguir demonstram como usar max-Atributo height

  p {
   Max-height: 100px;
  }
  div {
   height: 200px;
   Max-height: 100px;
  }
Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
lengthEspecifique a altura máxima, em px, pt, cm, em, etc. Não é permitido usar valores negativos.
percentageEspecifique a altura máxima em porcentagem. A porcentagem é calculada com base na altura do bloco contido do elemento. Não é permitido usar valores de porcentagem negativos.
noneA altura não tem valor máximo. Este é o valor padrão.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado usa o max do elemento pai-Valor do atributo height.

Compatibilidade do navegador

Max-Compatibilidade do navegador do atributo height, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Leia mais

Por favor, consulte os tutoriais relacionados ao seguinte conteúdo:Modelo de Caixa do CSSTamanho do CSS

Propriedades relacionadas:AlturaMin-Altura