Višina - CSS-triki | Almanah CSS 2025

heightHotel v CSS definira podrobneje opredeljuje vsebino višina škatel in sprejme katera koli od vrednosti dolžine.

Območje »vsebina« je določeno kot oblazinjenje in obroba poleg višine / širine ali velikosti, ki jo zavzame sama vsebina.

Negativne vrednosti, kot height: -100pxso, niso sprejete. heightLastnost ne velja, da niso nadomesti elementov inline vključno stolpcev in skupine stolpcev.

.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 */ )

Oglejte si to pisalo!

Če višina bloka, ki vsebuje, ni izrecno določena in element ni popolnoma pozicioniran, se vrednost njegove višine izračuna na samodejno (visoka bo, kot je vsebina v njej, ali nič, če vsebine ni). Če del vsebine elementov zahteva več navpičnega prostora, kot je na voljo iz dodeljene vrednosti, vedenje elementov definira overflowlastnost.

Pri uporabi ključno besedo auto, heightse izračuna na podlagi elementov področju vsebin , razen če je izrecno določeno. To pomeni, da je vrednost, ki temelji na odstotku, še vedno vrednost področja vsebine elementov. Podobno, če je višina vsebnika nastavljena na odstotno vrednost, odstotna višina podrejenih elementov še vedno temelji na območju vsebine tega podrejenega elementa.

Višino lahko uporabimo tudi kot animacijsko lastnost.