HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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