Il valore auto è il valore predefinito della proprietà
width ed anche delle proprietà margin-left e
margin-right.
Il suo significato cambia in funzione del tipo di elemento a cui è applicato, la tabella sottostante ne riassume il significato.
| elementi inline | elementi block | |||
|---|---|---|---|---|
| replaced | non-replaced | replaced | non-replaced | |
| width | larghezza intrinsica | N/A | larghezza intrinsica | massimizza |
| margin-left, margin-right | 0 | 0 | massimizza | massimizza |
Gli elementi di tipo replaced sono quelli il cui valore sostituisce l'elemento corrente, come per esempio le immagini.
Con larghezza intrinsica si intende la dimensione
dell'oggetto, per esempio la larghezza intrinsica di un elemento
img è la larghezza dell'immagine stessa.
Con massimizza si intende la massima dimensione disponibile all'interno dell'elemento padre.