Min-width
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ší |
| auto | 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.
Pokud jsou zadány jak min-width, tak width a jsou v konfliktu, pak min-width přebije width.
CSS vlastnost min-width se zatím nedá moc používat, protože ji nepodporuje Internet Explorer.
Podpora
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| ne | někdy lze simulovat pomocí Expression() | |
| Internet Explorer 7 | ano, pouze ve standardním módu | |
| Mozilla (Firefox, Netscape 6+ atd.) | všechny verze | |
| Opera | 7, 8, 9 | |
| Chrome a Safari | ano |
Příklady
Priority při konfliktních nastaveních
Simulace min-width pro Internet Explorer využívá konstrukce expression:
#prvek {
min-width: 400px;
_width: expression(document.body.clientWidth < 400? "400px" : "auto" );
}
Reklama
