Magasság - CSS-trükkök | CSS Almanach 2025

A heightCSS definíció tulajdonság megadja a dobozok tartalmi magasságát, és elfogadja a hosszúság bármelyikét.

A „tartalom” területet a párnázás és a szegély határozza meg, azon magasságon / szélességen vagy méreten kívül, amelyet a tartalom magában foglal.

Az ilyen negatív értékeket height: -100pxnem fogadják el. A heighttulajdonság nem vonatkozik a nem cserélt soros elemekre, beleértve a táblázat oszlopait és oszlopcsoportjait.

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

Nézze meg ezt a tollat!

Ha a tartalmazó blokk magasságát nem határozták meg kifejezetten, és az elem nincs abszolút helyzetben, akkor a magassága értéke automatikusnak számít (akkora lesz, mint a benne lévő tartalom, vagy nulla, ha nincs tartalom). Ha az elemek tartalmi része nagyobb függőleges helyet igényel, mint amennyi rendelkezésre áll a hozzárendelt értékből, az elemek viselkedését a overflowtulajdonság határozza meg .

Ha kulcsszó auto, heightalapján kerül kiszámításra az elemek tartalom terület , kivéve, ha kifejezetten megadva. Ez azt jelenti, hogy a százalékos érték továbbra is az elemek tartalmi területének értéke. Hasonlóképpen, ha a tároló magasságát százalékos értékre állítjuk, a gyermekelemek százalékos magassága továbbra is az adott gyermekelem tartalmi területén alapul.

A magasság animálható tulajdonságként is használható.