CSS propriedade min-width

Definição e uso

min-width Define a largura mínima do elemento.

Explicação

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

Veja também:

Tutorial do CSS:Tamanho do CSS

Manual do CSS:CSS propriedade max-width

Manual do DOM HTML:Propriedade minWidth

Exemplo

Definir a largura mínima do parágrafo:

p
  {
  min-width:100px;
  }

Experimente você mesmo

Sintaxe do CSS

min-width: length|initial|inherit;

Valor da propriedade

Valor Descrição
length Define o valor da largura mínima do elemento. O valor padrão depende do navegador.
% Define a largura mínima baseada na porcentagem do objeto contido.
inherit Define que o valor da propriedade min-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.minWidth="50px"

TIY Exemplo

Usar valor em pixels para definir a largura mínima do elemento
Este exemplo demonstra como usar valores em pixels para definir a largura mínima do elemento.
Usar porcentagem para definir a largura mínima do elemento
Este exemplo demonstra como usar porcentagens para definir a largura mínima 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 2.0.2 4.0