English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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" |
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‹/›
A tabela a seguir descreve os valores dessa propriedade.
Valor | Descrição |
---|---|
length | Largura máxima especificada, em px, pt, cm, em, etc. Não é permitido usar valores negativos. |
percentage | Largura máxima, em porcentagem. Calculada em relação à largura do bloco contido do elemento. Não é permitido usar valores percentuais negativos. |
none | Não há largura máxima. Este é o valor padrão. |
initial | Defina essa propriedade para seu valor padrão. |
inherit | Se especificado, o elemento relacionado adota o max do elemento pai.-Valor do atributo width. |
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.
|
Por favor, consulte os tutoriais relacionados aos seguintes conteúdos:Modelo de caixa do CSS,Tamanho do CSS。