max-width
Nekretnina u CSS se koristi za podešavanje širine maksimum od određenog elementa. max-width
Nekretnina nadjačava width
imovinu, ali min-width
uvijek će nadjačati max-width
li slijedi prije ili poslije width
u 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-width
je naslijeđeno jer ovo svojstvo ne nasljeđuje ostale roditeljske elemente. Ako width
je definirano a od 300 piksela s 600 piksela max-width
, početna width
vrijednost uvijek će nadjačati max-width
vrijednost 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 |
Povezana svojstva
Almanah 15. siječnja 2021visina
.element ( height: 500px; )
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)
![](9604279/max-width_css-tricks.jpg.webp)