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    

Háttérkép ismétlése



Ha a háttérkép mérete kisebb mint a rendelkezésre álló terület, akkor a böngészők alapértelmezetten vízszintesen és függőlegesen egyaránt addig ismétlik a kép megjelenítését, amíg a rendelkezésre álló terület egészét le nem fedik.

Background-repeat tulajdonság segítségével az ismétlés módja megadható.

A háttérkép ismétlődése módjának beállítása:

kijelölő
{
background-repeat
:
kulcsszó;
}



Példa:

Forráskód



<style>
      div  { background-image:url(mosoly_k_1.jpg)..} 
      #id_0 {background-repeat:repeat;}   
      #id_1 {background-repeat:repeat-x;} 
      #id_2 {background-repeat:repeat-y;} 
      #id_3 {background-repeat:no-repeat;} 
      #id_4 {background-repeat:inherit;} 
 </style>     
….
<body>    
     <div id="id_0"><b>repeat</b></div> 
     <div id="id_1"><b>repeat-x</b></div>
     <div id="id_2"><b>repeat-y</b></div>  
     <div id="id_3"><b>no-repeat</b></div>
     <div id="id_4"><b>inherit</b></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_hatterkep_1.html