Lățime min. - CSS-Tricks

Anonim

min-widthProprietatea în CSS este folosit pentru a seta lățimea minimă a unui element specificat. min-widthProprietatea suprascrie întotdeauna widthproprietatea 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-widtheste 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 widthlungime, min-widthvaloarea 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-widtheste să definiți o widthvaloare ca procent și să utilizați o valoare absolută pentru min-widthproprietate, altfel folosind o valoare procentuală pentru ambele min-widthși widthnu 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