Qual è il significato del valore `auto` in una proprietà CSS.

Qual è il significato del valore auto di una proprietà CSS. Cosa succede quando il valore di una proprietà CSS è impostato su auto ?

Il valore di detta proprietà viene regolato automaticamente in base al contenuto o al contesto dell’elemento.

Ad esempio, un elemento a livello di blocco con height: auto diventerà più alto in quanto contiene più testo. Per un altro esempio, un elemento di blocco con margin: 0 auto avrà i margini sinistro e destro aumentati finché non sarà centrato lungo l’asse y della finestra.

Dipende davvero dalla proprietà a cui si attribuisce il valore, le diverse proprietà si comportano in modo diverso a seconda del contenuto e del contesto.

auto significa automaticamente aggettato. Il motivo più comune per cui utilizzo l’auto è:

 margin: 0 auto; 

centrare un elemento

Nota: se la dimensione non è dichiarata, allora non funzionerà.

Esempio 1: div non è centrato, auto non funziona

  

Esempio 2: div è centrato sulla pagina

  

Dipende davvero da quell’attributo che usi. Ad esempio, un set di larghezza del blocco auto espande lo spazio completo del suo elemento genitore. Ma un auto con altezza del blocco auto espanderà solo lo spazio necessario del suo contenuto.

  
content