Výška - Triky CSS | Almanach CSS 2025

heightMajetek CSS definuje určuje výšku obsah krabic a přijímá některý z hodnot délky.

Oblast „obsah“ je definována jako polstrování a ohraničení kromě výšky / šířky nebo velikosti, kterou samotný obsah zabírá.

Záporné hodnoty jako height: -100pxnejsou přijímány. heightVlastnost se nevztahuje na non-vyměnit inline prvků včetně sloupců tabulky a skupin sloupců.

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

Podívejte se na toto pero!

Pokud výška obsahujícího bloku není explicitně zadána a prvek není absolutně umístěn, hodnota jeho výšky se vypočítá automaticky (bude stejně vysoká jako obsah uvnitř, nebo nula, pokud není žádný obsah). Pokud část obsahu prvků vyžaduje více svislého prostoru, než je k dispozici z přiřazené hodnoty, chování prvků je definováno overflowvlastností.

Při použití klíčového slova auto, heightse vypočítá na základě prvků oblasti obsahu , pokud není výslovně uvedeno. To znamená, že hodnota založená na procentech je stále hodnotou oblasti obsahu prvků. Podobně, pokud je výška kontejneru nastavena na procentní hodnotu, je procentní výška podřízených prvků stále založena na oblasti obsahu daného podřízeného prvku.

Výška může být také použita jako animovatelná vlastnost.