Visina - CSS-trikovi

Anonim

heightNekretnina u CSS definira Određuje visinu sadržaj kutije i prihvaća bilo koju od vrijednosti duljine.

Područje "sadržaja" definira se kao dodatak i obrub uz visinu / širinu ili veličinu koju zauzima sam sadržaj.

Negativne vrijednosti poput height: -100pxnisu prihvaćene. heightImovine se ne odnosi na ne-zamijeni inline elemenata, uključujući stupcima tablice i skupina stupaca.

.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 */ )
Pogledajte ovu olovku!

Ako visina bloka koji sadrži nije izričito navedena, a element nije apsolutno pozicioniran, vrijednost njegove visine izračunava se kao automatski (bit će visoka kao sadržaj unutar nje ili nula ako nema sadržaja). Ako dio sadržaja elemenata zahtijeva više okomitog prostora nego što je dostupno iz dodijeljene vrijednosti, ponašanje elemenata definira overflowsvojstvo.

Kada se koristi ključna riječ auto, heightizračunava se na temelju područja sadržaja elemenata , osim ako nije izričito navedeno. To znači da je vrijednost zasnovana na postotku i dalje vrijednost područja sadržaja elemenata. Slično tome, ako je visina spremnika postavljena na postotnu vrijednost, postotna visina podređenih elemenata i dalje se temelji na području sadržaja tog podređenog elementa.

Visina se također može koristiti kao animirano svojstvo.

Podrška preglednika

IE Rub Firefox Krom Safari Opera
svi svi svi svi svi svi
Android Chrome Android Firefox Android preglednik iOS Safari Opera Mobile
svi svi svi svi svi
Izvor: caniuse

Povezana svojstva

Almanah 15. siječnja 2021

max-visina

.element ( max-height: 3rem; ) Sara Cope