Propriedade maxWidth do estilo

Definição e uso

maxWidth Define ou retorna a largura máxima do elemento.

maxWidth A propriedade é válida apenas para elementos de bloco ou elementos com alinhamento absoluto ou fixo.

Notas:A largura do elemento nunca pode ser maior que maxWidth o valor especificado pela propriedade.

Dica:Para definir ou retornar a largura mínima do elemento, use Propriedade minWidth

Veja também:

Tutorial de CSS:Dimensão CSS

Manual de referência do CSS:Propriedade max-width

Exemplo

Exemplo 1

Definir a largura máxima do elemento <div>:

document.getElementById("myDiv").style.maxWidth = "100px";

Experimente você mesmo

Exemplo 2

Retornar a largura máxima do elemento <div>:

alert(document.getElementById("myDiv").style.maxWidth);

Experimente você mesmo

Sintaxe

Retornar propriedade maxWidth:

object.style.maxWidth

Definir propriedade maxWidth:

object.style.maxWidth = "none|length|%|initial|inherit"

Valor da propriedade

Valor Descrição
none A largura do elemento não tem limite. Padrão.
length Define a largura máxima em unidades de comprimento.
% Define a largura máxima em termos de percentagem do elemento pai.
initial Defina essa propriedade como seu valor padrão. Veja initial
inherit Herda essa propriedade do elemento pai. Veja inherit

Detalhes técnicos

Valor padrão: Nenhum
Retorno: Cadeia de caracteres, que representa a largura máxima do elemento.
Versão do CSS: CSS2

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte