Výška - Triky CSS | Almanach CSS 2025

heightMajetok CSS definuje určuje výšku obsah krabíc a prijíma niektorý z hodnôt dĺžky.

Oblasť „obsahu“ je definovaná ako polstrovanie a orámovanie okrem výšky / šírky alebo veľkosti, ktorú samotný obsah zaberá.

Negatívne hodnoty ako height: -100pxnie sú akceptované. heightVlastnosť sa nevzťahuje na non-vymeniť inline prvkov vrátane stĺpcov tabuľky a skupín stĺpcov.

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

Vyskúšajte toto pero!

Ak výška obsahujúceho bloku nie je explicitne zadaná a prvok nie je úplne umiestnený, hodnota jeho výšky sa vypočíta na automatickú (bude rovnako vysoká ako obsah v nej, alebo nulový, ak nebude žiadny obsah). Ak časť obsahu prvkov vyžaduje viac vertikálneho priestoru, ako je k dispozícii z priradenej hodnoty, správanie prvkov je definované overflowvlastnosťou.

Pri použití kľúčového slova auto, heightsa vypočíta na základe prvkov oblasti obsahu , pokiaľ nie je výslovne uvedené. To znamená, že hodnota založená na percentách je stále hodnotou oblasti obsahu prvkov. Podobne, ak je výška kontajnera nastavená na percentuálnu hodnotu, percentuálna výška podradených prvkov je stále založená na obsahovej oblasti tohto podradeného prvku.

Výška môže byť tiež použitá ako animovateľná vlastnosť.