Proprietà CSS width

Definizione e uso

L'attributo width imposta la larghezza dell'elemento.

Spiegazione

Questa proprietà definisce la larghezza dell'area del contenuto dell'elemento, dove possono essere aggiunti il margine interno, il bordo e il margine esterno.

Gli elementi inline non sostitutivi ignorano questa proprietà.

Vedi anche:

Tutorial CSS:Dimensioni CSS

Tutorial CSS:Panoramica del modello di frame CSS

Manuale CSS:Attributo height

Manuale HTML DOM:Attributo width

Esempio

Impostare l'altezza e la larghezza del paragrafo:

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

Prova da solo

Sintassi CSS

width: auto|value|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto Valore predefinito. Il browser può calcolare la larghezza effettiva.
length Definire la larghezza utilizzando unità come px, cm, ecc.
% Definisce una larghezza percentuale basata sulla larghezza del blocco contenitore (elemento genitore).
inherit Definisce che l'attributo width deve essere ereditato dal valore dell'elemento genitore.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: no
Versione: CSS1
Sintassi JavaScript: object.style.width="50px"

Esempio TIY

Impostare la larghezza dell'elemento utilizzando il valore in pixel
Questo esempio dimostra come impostare la larghezza dell'elemento utilizzando il valore in pixel.
Impostare la larghezza dell'elemento utilizzando il valore percentuale
Questo esempio dimostra come impostare la larghezza dell'elemento utilizzando il valore percentuale.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5