Lățime maximă - CSS-Tricks

Anonim

max-widthProprietatea în CSS este folosit pentru a seta lățimea maximă a unui element specificat. max-widthProprietatea suprascrie widthproprietatea, dar min-widthva suprascrie întotdeauna max-widthdacă 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%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )
Verificați acest stilou!

Fiți atenți când presupuneți că max-widtheste moștenit, deoarece această proprietate nu moștenește din alte elemente părinte. Dacă widtha fost definit cu max-width300px cu 600px, widthvaloarea inițială va înlocui întotdeauna max-widthvaloarea 600px.

Suport pentru browser

IE Margine Firefox Crom Safari Operă
7+ Toate Toate Toate Toate Toate
Android Chrome Android Firefox Browser Android Safari iOS Opera Mobile
Toate Toate Toate Toate Toate
Sursa: caniuse

Proprietăți conexe

Almanah la 15 ianuarie 2021

înălţime

.element ( height: 500px; ) Sara Cope