Minimum és maximum értékek

min-width = az elem legkisebb szélessége, aminél nem lehet keskenyebb
(alapértelmezett értéke = 0)

max-width = az elem legnagyobb szélessége, aminél nem lehet szélesebb
(alapértelmezetten értéke = none )

min-height = az elem legkisebb magassága, aminél nem lehet alacsonyabb
(alapértelmezett értéke = 0)

max-height = az elem legnagyobb magassága, aminél nem lehet magasabb.
(alapértelmezetten értéke = none )
( abszolút és relatív értékek is használhatóak)

Példa:

Forráskód


<style>
.div_1 { 
  margin:1px;  
  border:2px solid gray; 
  padding:3px;  
  min-height:400px; 
  max-height:420px; 
  min-width:400px; 
  max-width:420px; 
}
</style>
...  
<body>            
   <div class="div_1">
       Tartalom
   </div>
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_doboz_min_max.html