CSS12.1 I.E.4.05.05.56.0

background-repeat:

Tento styl je funkční jen v případě, že bude obrázek tvořit pozadí (background-image:). Používá se pro zadání opakování obrázku, který bude tvořit pozadí zá HTML tágem. Opakováním je myšleno jak se bude obrázek v pozadí opakovat.

Hodnoty:

repeat: obrázek se bude opakovat stále do zaplnění celého pozadí objektu.

repeat-x: obrázek se bude opakovat jen v ose X (vodorovně, zleva doprava)

repeat-y: obrázek se bude opakovat jen v ose Y (svisle, odshora dole)

no-repeat: obrázek se nebude opakovat (pouze úvodní obrázek)


Příklad:

<TEXTAREA COLS="40" ROWS="4" STYLE="background-image: url('image/skywisoft.gif'); 
 background-repeat: repeat;">
   Text, který je nastaven pomoci stylu CSS. 
</TEXTAREA> 

<TEXTAREA COLS="40" ROWS="4" STYLE="background-image: url('image/skywisoft.gif'); 
  background-repeat: repeat-x;">
   Text, který je nastaven pomoci stylu CSS. 
</TEXTAREA> 

<TEXTAREA COLS="40" ROWS="4" STYLE="background-image: url('image/skywisoft.gif'); 
 background-repeat: repeat-y;">
   Text, který je nastaven pomoci stylu CSS. 
</TEXTAREA> 

<TEXTAREA COLS="40" ROWS="4" STYLE="background-image: url('image/skywisoft.gif'); 
 background-repeat: no-repeat;">
   Text, který je nastaven pomoci stylu CSS. 
</TEXTAREA>

Ukázka:

Opakování obrázku v pozadí


Opakování obrázku v pozadí v ose X


Opakování obrázku v pozadí v ose Y


Opakování obrázku v pozadí je vypnuto