Min-visina - CSS-trikovi

Anonim

min-heightNekretnina u CSS se koristi za postavljanje minimalne visine od određenog elementa. min-heightNekretnina uvijek poništava i heighti max-height. Autori mogu koristiti bilo koju od vrijednosti duljine ukoliko su pozitivne.

.wrapper ( height: 100%; /* full height of the content box */ min-height: 20em; /* Will be AT LEAST 20em tall */ ) .wrapper ( height: 600px; min-height: 400px; /* Will be AT LEAST 20em tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Ako je bilo koja vrijednost veća ( height> min-heightili obrnuto), vrijednost koja je najveća bit će ona koja se prikazuje. min-heightImovine će se primjenjivati na sve elemente osim nisu zamijenjeni inline elemenata, stupcima tablice, i skupina stupaca (tj colgroup, col).

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 59+
Izvor: caniuse

Povezana svojstva

Almanah 15. siječnja 2021

visina

.element ( height: 500px; ) Sara Cope