Aukštis - CSS-gudrybės | CSS almanachas 2025

heightCSS apibrėžia patikslinamos nuosavybė turinys aukštis dėžės ir priima bet ilgio vertėmis.

„Turinio“ sritis apibrėžiama kaip užpildas ir kraštai, be paties turinio užimamo aukščio / pločio ar dydžio.

Tokios neigiamos vertės kaip height: -100pxnepriimtinos. heightNuosavybė netaikoma ne pakeisti inline elementų, įskaitant lentelės stulpelių ir stulpelių grupes.

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

Patikrinkite šį rašiklį!

Jei blokinio elemento aukštis nėra aiškiai nurodytas ir elementas nėra absoliučiai išdėstytas, jo aukščio vertė apskaičiuojama automatiškai (jis bus toks pat aukštas, koks yra jo viduje, arba nulis, jei jo nėra). Jei elementų turinio daliai reikia daugiau vertikalios erdvės, nei galima iš priskirtos vertės, elementų elgseną apibrėžia overflowypatybė.

Naudojant raktinį žodį auto, heightskaičiuojama pagal elementų turinio sritį, nebent tai būtų aiškiai nurodyta. Tai reiškia, kad procentais pagrįsta vertė vis tiek yra elementų turinio srities vertė. Panašiai, jei sudėtinio rodinio aukštis nustatomas kaip procentinė vertė, antrinių elementų procentinis aukštis vis tiek grindžiamas to antrinio elemento turinio sritimi.

Aukštis taip pat gali būti naudojamas kaip animacinis turtas.