Propriedade width do CSS

definição e uso

A propriedade width define a largura do elemento.

descrição

Essa propriedade define a largura da área de conteúdo do elemento, onde pode ser adicionado margem interna, borda e margem externa ao redor da área de conteúdo.

Os elementos inline non-replace irão ignorar essa propriedade.

Veja também:

Tutorial do CSS:Tamanhos do CSS

Tutorial do CSS:Resumo do modelo de caixa do CSS

Manual do CSS:propriedade height

Manual do DOM HTML:propriedade width

exemplo

Defina a altura e largura do parágrafo:

p
  {
  height:100px;
  width:100px;
  }

Experimente você mesmo

sintaxe CSS

width: auto|value|initial|inherit;

valor da propriedade

valor descrição
auto Valor padrão. O navegador pode calcular a largura real.
length Use unidades como px, cm para definir a largura.
% Define a largura em porcentagem com base na largura do bloco de contêiner (elemento pai).
inherit Define que a propriedade width deve ser herdada do valor da propriedade width do elemento pai.

detalhes técnicos

Valor padrão: auto
Herança: não
Versão: CSS1
Sintaxe JavaScript: objeto.style.width="50px"

TIY Exemplo

Use valores em pixels para definir a largura do elemento
Este exemplo demonstra como usar valores em pixels para definir a largura do elemento.
Use porcentagens para definir a largura do elemento
Este exemplo demonstra como usar porcentagens para definir a largura 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 4.0 1.0 1.0 3.5