Altezza - Trucchi CSS | CSS Almanac 2025

La heightproprietà in CSS definisce specifica l'altezza del contenuto delle caselle e accetta qualsiasi valore di lunghezza.

L'area "contenuto" è definita come il riempimento e il bordo oltre all'altezza / larghezza o alle dimensioni che il contenuto stesso occupa.

Valori negativi come height: -100pxnon sono accettati. La heightproprietà non si applica agli elementi in linea non sostituiti, comprese le colonne della tabella e i gruppi di colonne.

.wrap ( height: auto; /* auto keyword */ height: 120px; /* length values */ height: 10em; height: 0; /* unit-less length is OK for zero */ height: 75%; /* percentage value */ height: inherit; /* inherited value from parent element */ )

Dai un'occhiata a questa penna!

Se l'altezza del blocco contenitore non è specificata esplicitamente e l'elemento non è posizionato in modo assoluto, il valore della sua altezza si calcola in auto (sarà alto quanto il contenuto al suo interno o zero se non c'è contenuto). Se la porzione di contenuto degli elementi richiede più spazio verticale di quello disponibile dal valore assegnato, il comportamento degli elementi è definito dalla overflowproprietà.

Quando si utilizza la parola chiave auto, heightviene calcolato in base all'area del contenuto degli elementi a meno che non sia esplicitamente specificato. Ciò significa che un valore basato su una percentuale è ancora quello dell'area contenuto degli elementi. Allo stesso modo, se l'altezza del contenitore è impostata su un valore percentuale, l'altezza percentuale di un elemento figlio è ancora basata sull'area del contenuto di quell'elemento figlio.

L'altezza può anche essere utilizzata come proprietà animabile.