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.