CSS - larghezza

Descrizione

La larghezza imposta la larghezza dell'area del contenuto di un elemento.

Possibili valori

  • length- Qualsiasi unità di lunghezza. I valori di lunghezza negativi non sono consentiti per questa proprietà.

  • percentage - La larghezza viene calcolata rispetto alla larghezza del blocco contenitore dell'elemento, assumendo che la larghezza del blocco contenitore sia stata impostata esplicitamente.

  • auto- Predefinito. Il browser calcola la larghezza effettiva.

Si applica a

Tutti gli elementi HTML eccetto gli elementi in linea non sostituiti, le righe della tabella e i gruppi di righe.

Sintassi DOM

object.style.width = "100px";

Esempio

Ecco l'esempio:

<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>

Questo produrrà il seguente risultato: