Max-szélesség - CSS-trükkök

A max-widthCSS tulajdonság a megadott elem maximális szélességének beállítására szolgál. Az max-widthingatlan felülírja az widthingatlant, de min-widthmindig felülírja, max-widthhogy widtha nyilatkozat előtt vagy után követték-e . A szerzők bármely hosszúsági értéket használhatnak, amennyiben pozitív értékről van szó.

.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 */ )

Nézze meg ezt a tollat!

Legyen körültekintő, ha feltételezzük, hogy max-widthöröklődik, mivel ez a tulajdonság nem öröklik más szülőelemektől. Ha widthaz 300px került meghatározásra egy max-widthaz 600px, a kezdeti widthérték mindig felülírja a max-widthértéke 600 képpont.