max-width
Hotel v CSS se uporablja za nastavitev širine maksimalno določenega elementa. max-width
Lastnina prepiše width
premoženje, vendar min-width
bo vedno prednost pred max-width
ali sledi pred ali po width
v svoji izjavi. Avtorji lahko uporabijo katero koli vrednost dolžine, če so pozitivne vrednosti.
.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 */ )
Oglejte si to pisalo!
Bodite pozorni, če predpostavljate, da max-width
je podedovano, saj ta lastnost ne podeduje drugih nadrejenih elementov. Če je bil width
300px definiran z max-width
600px, bo začetna width
vrednost vedno preglasila max-width
vrednost 600px.
Podpora brskalnika
IE | Rob | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
7+ | Vse | Vse | Vse | Vse | Vse |
Android Chrome | Android Firefox | Brskalnik Android | iOS Safari | Opera Mobile |
---|---|---|---|---|
Vse | Vse | Vse | Vse | Vse |
Sorodne lastnosti
Almanah 15. januarja 2021višina
.element ( height: 500px; )





