CSS - largura

Descrição

A largura define a largura da área de conteúdo de um elemento.

Valores possíveis

  • length- Qualquer unidade de comprimento. Valores de comprimento negativos não são permitidos para esta propriedade.

  • percentage - A largura é calculada em relação à largura do bloco que contém o elemento, assumindo que a largura do bloco que contém foi definida explicitamente.

  • auto- Padrão. O navegador calcula a largura real.

Aplica-se a

Todos os elementos HTML, exceto elementos inline não substituídos, linhas de tabela e grupos de linhas.

Sintaxe DOM

object.style.width = "100px";

Exemplo

Aqui está o exemplo -

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; height:100px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400pixels wide and 100 pixels high
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -