min-width
Nehnuteľnosť v CSS slúži na nastavenie šírky minimálnej špecifikovanej prvku. min-width
Vlastnosť vždy prepíše width
vlastnosť, či nasleduje pred alebo po width
vo svojom vyhlásení. Autori môžu použiť ktorúkoľvek z hodnôt dĺžky, pokiaľ sú kladné.
.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Vyskúšajte toto pero!
Majte na pamäti, keď sa predpokladá, že min-width
sa dedí, pretože táto vlastnosť nededí z iných nadradených prvkov. Ak autori definujú šírku pomocou absolútnej hodnoty (px, pt, in, cm, mm), minimálna šírka nebude mať vplyv, pretože šírka bola definovaná na neurčito. Napríklad, ak sa ako width
dĺžka použije min-width
hodnota 200 pixelov, nebude vaša hodnota 100 pixelov nevyhnutná, pretože ste už zadali absolútnu hodnotu width
(tj. 200 pixelov ). Najlepší spôsob použitia min-width
je definovať width
hodnotu ako percento a pre min-width
nehnuteľnosť použiť absolútnu hodnotu, inak by sa pre obidve hodnoty použili percentuálne hodnoty min-width
a width
nepriniesli by očakávaný výsledok.
Podpora prehliadača
Chrome | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
24+ | 5,1+ | 18+ | 12,1+ | 8+ | 2,1+ | 3,2+ |
Súvisiace vlastnosti
Almanach 15. januára 2021výška
.element ( height: 500px; )





