Maximálna šírka - Triky CSS

max-widthNehnuteľnosť v CSS slúžia na nastavenie šírky maximálnej špecifikovanej prvku. max-widthVlastnosť potlačia widthvlastnosti, ale min-widthbude vždy prednosť max-width, či nasleduje pred alebo po widthvo svojom vyhlásení. Autori môžu použiť ktorúkoľvek z hodnôt dĺžky, pokiaľ sú kladné.

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

Vyskúšajte toto pero!

Majte na pamäti, keď sa predpokladá, že max-widthsa dedí, pretože táto vlastnosť nededí z iných nadradených prvkov. Ak je widthhodnota 300px definovaná ako max-width600px, počiatočná widthhodnota vždy prepíše max-widthhodnotu 600px.