Augstums - CSS-triki | CSS almanahs 2025

heightCSS Definē Norāda īpašumu saturs augstums kastes un pieņem kādu no garuma vērtībām.

Vieta “saturs” tiek definēta kā polsterējums un apmale papildus augstumam / platumam vai izmēram, kuru pats saturs aizņem.

Negatīvas vērtības, piemēram height: -100px, netiek pieņemtas. heightĪpašums neattiecas uz ārpus-aizvieto inline elementiem, tostarp galda kolonnas un kolonnu grupām.

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

Pārbaudiet šo pildspalvu!

Ja saturošā bloka augstums nav skaidri norādīts un elements nav absolūti novietots, tā augstuma vērtība tiek aprēķināta kā automātiska (tā būs tikpat augsta kā tajā esošais saturs, vai nulle, ja satura nav). Ja elementu satura daļai ir nepieciešams vairāk vertikālās vietas nekā pieejamā no piešķirtās vērtības, elementu darbību nosaka overflowīpašums.

Izmantojot atslēgvārdu auto, heighttiek aprēķināts, pamatojoties uz elementu satura apgabalu, ja vien tas nav skaidri norādīts. Tas nozīmē, ka procentuālā vērtība joprojām ir elementu satura apgabala vērtība. Līdzīgi, ja konteinera augstums ir iestatīts uz procentuālo vērtību, bērnu elementu procentuālais augstums joprojām tiek balstīts uz šī bērna elementa satura apgabalu.

Augstumu var izmantot arī kā animējamu īpašumu.