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