Altezza CSS Proprietà
Esempio
Imposta l'altezza di due elementi <div>:
div.a {
height: auto;
border:
1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La height
proprietà imposta l'altezza di un elemento.
L'altezza di un elemento non include spaziatura interna, bordi o margini!
Se height: auto;
l'elemento regolerà automaticamente la sua altezza per consentire la corretta visualizzazione del contenuto.
Se height
è impostato su un valore numerico (come pixel, (r)em, percentuali), se il contenuto non rientra nell'altezza specificata, andrà in overflow. Il modo in cui il contenitore gestirà il contenuto in overflow è definito dalla
proprietà di overflow .
Nota: le proprietà altezza minima e altezza massima
hanno
height
la precedenza sulla proprietà.
Valore di default: | auto |
---|---|
Ereditato: | no |
Animabile: | sì. Leggi su animabile |
Versione: | CSS1 |
sintassi JavaScript: | oggetto .style.height="500px" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Sintassi CSS
height: auto|length|initial|inherit;
Valori di proprietà
Value | Description | Play it |
---|---|---|
auto | The browser calculates the height. This is default | |
length | Defines the height in px, cm, etc. Read about length units | |
% | Defines the height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Altri esempi
Esempio
Imposta l'altezza di un elemento al 50% dell'altezza dell'elemento padre:
#parent {
height: 100px;
}
#child {
height: 50%;
}
Pagine correlate
Tutorial CSS: Altezza e Larghezza CSS
Tutorial CSS: modello CSS Box
Riferimento CSS: proprietà larghezza
Riferimento HTML DOM: proprietà height