Propriedade width

A propriedade width define a largura de um elemento. Os valores para a propriedade são quaisquer unidades de medida ou a palavra-chave auto, que permite ao navegador calcular a dimensão do elemento automaticamente (comportamento padrão).

Sintaxe

cssseletor {
  width: valor;
}

Exemplo

Vamos definir a largura de um elemento como 300px:

html<div id="elem"></div>

css#elem {
  width: 300px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Exemplo

Vamos fazer com que o elemento ocupe 70% da largura de seu elemento pai (no nosso caso, será a janela do navegador):

html<div id="elem"></div>

css#elem {
  width: 70%;
  height: 100px;
  border: 1px solid black;
}

Результат:

Veja também