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

manual de referência CSS

regras CSS @

大全 de propriedades CSS

CSS max-Método de uso e exemplo do atributo width

max-A largura máxima da área de conteúdo do elemento especificada pelo atributo width do CSS. Essa largura máxima não inclui preenchimento, borda ou margem.-Por favor, consulteModelo de caixa do CSS

A tabela a seguir fornece instruções 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 elementos embutidos não substituídos, linhas de tabela e grupos de linhas
Herança:Não
Animável:Sim.Por favor, consulte Atributos de animação
Versão:CSS 2、3
Sintaxe do JavaScript:object.style.maxWidth="200px"

max-Sintaxe de uso do width

A sintaxe dessa propriedade é a seguinte:

max-width: length | percentage | none | initial | inherit

Os exemplos a seguir demonstram como usar max-Atributo width.

  p {
   max-width: 400px;
  }
  div {
   width: 300px;
   max-width: 200px;
  }
Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

ValorDescrição
lengthLargura máxima especificada, em px, pt, cm, em, etc. Não é permitido usar valores negativos.
percentageLargura máxima, em porcentagem. Calculada em relação à largura do bloco contido do elemento. Não é permitido usar valores percentuais negativos.
noneNão há largura máxima. Este é o valor padrão.
initialDefina essa propriedade para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o max do elemento pai.-Valor do atributo width.

Compatibilidade do navegador

max-Compatibilidade do navegador do atributo width; os números na tabela representam a versão mínima do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Leia mais

Por favor, consulte os tutoriais relacionados aos seguintes conteúdos:Modelo de caixa do CSSTamanho do CSS

Atributos relacionados:widthmin-width