Maksimalna širina - CSS-trikovi

Anonim

max-widthNekretnina u CSS se koristi za podešavanje širine maksimum od određenog elementa. max-widthNekretnina nadjačava widthimovinu, ali min-widthuvijek će nadjačati max-widthli slijedi prije ili poslije widthu svoj izjavi. Autori mogu koristiti bilo koju od vrijednosti duljine ukoliko su pozitivne.

.wrapper ( width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )
Pogledajte ovu olovku!

Imajte na umu kada pretpostavite da max-widthje naslijeđeno jer ovo svojstvo ne nasljeđuje ostale roditeljske elemente. Ako widthje definirano a od 300 piksela s 600 piksela max-width, početna widthvrijednost uvijek će nadjačati max-widthvrijednost od 600 piksela .

Podrška preglednika

IE Rub Firefox Krom Safari Opera
7+ 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

visina

.element ( height: 500px; ) Sara Cope