[ Pobierz całość w formacie PDF ]
.Możemy jednak definiować także wartości dla położenia poziomego:background-position: leftpozycja left pozycja left pozycja leftbackground-position: centerpozycja center pozycja center pozycja centerbackground-position: rightpozycja right pozycja right pozycja rightZauważmy, że parametr center daje ten sam wynik w pionie i poziomie.Możemy mieszać wartości pozycji pionowej i poziomej, na przykład top left czy bottom right:background-position: top rightpozycja top right pozycja top right pozycja top rightbackground-position: bottom leftpozycja bottom left pozycja bottom left pozycja bottom leftMożliwe jest wreszcie podanie wartości liczbowych, np.background-position: 1cm 2cm, czyli 1 centymetr od lewego brzegu i 2cm od prawego.background-position: 1cm 2cmpozycja 1cm 2cm pozycja 1cm 2cm pozycja 1cm 2cmbackground-position: 20% 80%pozycja 20% 80% pozycja 20% 80% pozycja 20% 80%Mieszane atrybuty tłaNajwygodniejszym sposobem definiowania tła jest oczywiście wykorzystanie tzw.definicji mieszanej, w której nie powtarza się całego zestawu "zaklęć" background-repeat, background-position itd.Wykorzystujemy tu polecenie:background: kolejne wartościNa przykład, polecenie dla komórki tabeli:<td style="background: url(obrazek) no-repeat bottom right>spowoduje, że w komórce pokaże się dany obrazek (url), nie będzie się powtarzał (no-repeat) i będzie umieszczony w dolnym prawym rogu (bottom right).Pokazana wyżej strona z pojedynczym obrazkiem jako tłem ma mieszaną definicję:BODY {background: url(pcq.gif) fixed no-repeat center}Dzięki takiej definicji strona ma tło w postaci pojedynczego (no-repeat) obrazka (url), który jest umieszczony na środku ekranu i nie porusza się (center fixed)
[ Pobierz całość w formacie PDF ]