English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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" |
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‹/›
La tabella seguente descrive i valori di questo attributo.
Valore | Descrizione |
---|---|
length | Specificare la larghezza come valore di lunghezza, con unità come px, pt, cm, em, ecc. Non sono ammessi valori di lunghezza negativi. |
percentage | Specificare la larghezza in percentuale. Il percentuale è calcolato rispetto alla larghezza del blocco contenente l'elemento. Non sono ammessi valori percentuali negativi. |
auto | Il browser calcolerà la larghezza dell'elemento in base ai valori degli altri attributi. Questo è il valore predefinito. |
initial | Imposta questo attributo al suo valore predefinito. |
inherit | Se specificato, l'elemento correlato utilizza il valore dell'attributo width dell'elemento padre. |
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.
|
Riferiti alle seguenti lezioni relative al contenuto:Modello di scatola CSS,Dimensioni CSS.