English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regola @CSS (RULES)

Completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo width CSS

L'attributo width CSS specifica la larghezza dell'area del contenuto dell'elemento. Questo contenuto non include riempimento, bordo o margine. Riferiti aModello di scatola CSS.

La tabella seguente fornisce spiegazioni di utilizzo e cronologia delle versioni di questo attributo, nonché la sintassi dell'uso dell'attributo nel script JavaScript.

Valore predefinito:auto
Applicabile a:Tutti gli elementi tranne gli elementi embedded non sostituiti, le righe della tabella e i gruppi di righe
Ereditarietà:No
Animabile:Sì.Riferiti a: Attributi animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:object.style.width="280px"

Sintassi dell'uso di width

La sintassi di questo attributo è la seguente:

width: length | percentage | auto | initial | inherit

Di seguito è riportato un esempio che dimostra come utilizzare l'attributo width.

  p {
   width: 300px;
   background-color: #f0e68c;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella seguente descrive i valori di questo attributo.

ValoreDescrizione
lengthSpecificare la larghezza come valore di lunghezza, con unità come px, pt, cm, em, ecc. Non sono ammessi valori di lunghezza negativi.
percentageSpecificare la larghezza in percentuale. Il percentuale è calcolato rispetto alla larghezza del blocco contenente l'elemento. Non sono ammessi valori percentuali negativi.
autoIl browser calcolerà la larghezza dell'elemento in base ai valori degli altri attributi. Questo è il valore predefinito.
initialImposta questo attributo al suo valore predefinito.
inheritSe specificato, l'elemento correlato utilizza il valore dell'attributo width dell'elemento padre.

Compatibilità del browser

Compatibilità dei browser con l'attributo width; i numeri nella tabella rappresentano la versione minima del browser che supporta l'attributo; tutti i browser principali supportano questo attributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leggi di più

Riferiti alle seguenti lezioni relative al contenuto:Modello di scatola CSS,Dimensioni CSS.

Attributi correlati:max-width,min-width.