CSS vlastnost min-width určuje minimální šířku prvku.
hodnoty | šířka prvku |
---|---|
délka | nastavená šířka nebo větší |
procento | procento z šířky nadřazeného prvku (tagu), nebo větší |
0 | minimální šířka není omezena |
Šířka prvků je buďto jejich přirozená šířka, 100% dostupné šířky u blokových elementů, nebo šířka určená CSS vlastností width. Vlastnost min-width přináší další způsob, jak šířku prvku předepsat. Uplatní se to zejména v případech, kdy je šířka prvku nastavena procenty nebo závisí na velikosti okna a já zároveň chci, aby nebyla moc mrňavá.
Pokud jsou zadány jak min-width, tak width a jsou v konfliktu, pak min-width přebije width. Min-width vyhraje i nad případným současným nastavením max-width.
Min-width funguje v Exploreru pouze ve standardním módu (přepíná se pomocí doctype). Prohlížeč Chrome (narozdíl od ostatních) trvá na tom, že min-width lze nastavit pouze blokovým prvkům, takže vám nemusí fungovat použití min-width na řádkové prvky nebo například na tabulku. (V takovém případě je potřeba kouzlit s vlastností display.)
CSS vlastnost min-width už se dá používat, protože poslední nepodporující prohlížeč Internet Explorer 6 už de facto zmizel (2011).
Prohlížeč | Podpora ve verzích | Poznámka |
---|---|---|
ne | někdy lze simulovat pomocí Expression() | |
Internet Explorer 7, 8, 9 | ano, pouze ve standardním módu | |
Mozilla (Firefox, Netscape 6+ atd.) | všechny verze | |
Opera | 7, 8, 9 | |
Chrome a Safari | ano |
Priority při konfliktních nastaveních
Jak psát web píše Yuhů, Dušan Janovský. Kontakt.