CSS propriedade max-width

Definição e uso

max-width define a largura máxima do elemento.

Explicação

Este valor de propriedade define um limite máximo para a largura do elemento. Portanto, o elemento pode ser mais estreito do que o valor especificado, mas não mais largo. Não é permitido especificar valores negativos.

Veja também:

Tutorial do CSSTamanho do CSS

Manual do CSSCSS propriedade min-width

Manual do HTML DOMPropriedade maxWidth

Exemplo

Definir a largura máxima do parágrafo:

p
  {
  max-width:100px;
  }

Experimente você mesmo

Sintaxe do CSS

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

Valor da propriedade

Valor Descrição
nada Padrão. Define que não há restrição na largura máxima do elemento.
length Define o valor da largura máxima do elemento.
% Define a largura máxima percentual baseada no objeto contido.
inherit Define que o valor da propriedade max-width deve ser herdado do elemento pai.

Detalhes técnicos

Valor padrão: nada
Herança: não
Versão: CSS2
Sintaxe do JavaScript: object.style.maxWidth="50px"

TIY Exemplo

Usar valores em pixels para definir a largura máxima do elemento
Este exemplo demonstra como usar valores em pixels para definir a altura máxima do elemento.
Usar porcentagem para definir a largura máxima do elemento
Este exemplo demonstra como usar porcentagens para definir a altura máxima do elemento.

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 7.0 1.0 1.0 7.0