CSS12.1 I.E.4.05.05.56.0

background-position:

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

Hodnoty:

rozměr: cm, mm, in, pt, px, (zadání dvou hodnot, od pozice x a y: 2cm 2cm).

%: procento, (zadání dvou hodnot, od pozice x a y: 0% 0%)

bottom: od zdola nahoru

center: ze středu řádku k oběma okrajům

left: zleva doprava

right: zprava doleva

top: od shora dole


Příklad:

<DIV STYLE="background-image: url('image/skywisoft.gif'); 
 background-position: bottom;">
   Text, který je nastaven pomoci stylu CSS. 
</DIV>

<DIV STYLE="background-image: url('image/skywisoft.gif'); 
 background-position: center;">
   Text, který je nastaven pomoci stylu CSS. 
</DIV>

<DIV STYLE="background-image: url('image/skywisoft.gif'); 
 background-position: left;">
   Text, který je nastaven pomoci stylu CSS. 
</DIV>

<DIV STYLE="background-image: url('image/skywisoft.gif'); 
 background-position: right;">
   Text, který je nastaven pomoci stylu CSS. 
</DIV>

<DIV STYLE="background-image: url('image/skywisoft.gif'); 
 background-position: top;">
   Text, který je nastaven pomoci stylu CSS. 
</DIV>

<DIV STYLE="background-position: top right; 
 background-image: url('image/skywisoft.gif');">
   Text, který je nastaven pomoci stylu CSS. 
</DIV>

<DIV STYLE="background-image: url('image/skywisoft.gif'); 
 background-position: 1cm 1cm;">
   Text, který je nastaven pomoci stylu CSS. 
</DIV>

<DIV STYLE="background-image: url('image/skywisoft.gif'); 
 background-position: 40% 40%;">
   Text, který je nastaven pomoci stylu CSS. 
</DIV> 

Ukázka:

Text, který je nastaven pomoci stylu CSS.

Text, který je nastaven pomoci stylu CSS.

Text, který je nastaven pomoci stylu CSS.

Text, který je nastaven pomoci stylu CSS.

Text, který je nastaven pomoci stylu CSS.

Text, který je nastaven pomoci stylu CSS.

Text, který je nastaven pomoci stylu CSS.

Text, který je nastaven pomoci stylu CSS.