min-width
Proprietatea în CSS este folosit pentru a seta lățimea minimă a unui element specificat. min-width
Proprietatea suprascrie întotdeauna width
proprietatea indiferent dacă au urmat înainte sau după , width
în declarația dumneavoastră. Autorii pot folosi oricare dintre valorile lungimii, atâta timp cât sunt o valoare pozitivă.
.wrapper ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )
Verificați acest stilou!
Fiți atenți când presupuneți că min-width
este moștenit, deoarece această proprietate nu moștenește din alte elemente părinte. Dacă autorii definesc o lățime folosind o valoare absolută (px, pt, în, cm, mm), lățimea min nu va avea efect, deoarece lățimea a fost definită la nesfârșit. De exemplu, dacă o valoare de 200px este utilizată ca width
lungime, min-width
valoarea dvs. de 100px nu va fi necesară, deoarece ați specificat deja o valoare absolută pentru width
(adică 200px). Cel mai bun mod de utilizare min-width
este să definiți o width
valoare ca procent și să utilizați o valoare absolută pentru min-width
proprietate, altfel folosind o valoare procentuală pentru ambele min-width
și width
nu veți produce rezultatul scontat.
Suport pentru browser
Crom | Safari | Firefox | Operă | IE | Android | iOS |
---|---|---|---|---|---|---|
24+ | 5.1+ | Peste 18 ani | 12.1+ | 8+ | 2.1+ | 3.2+ |
Proprietăți conexe
Almanah la 15 ianuarie 2021înălţime
.element ( height: 500px; )
Sara Cope