Umístění pozadí

Vlastnost background-position určí umístění obrázku na pozadí bloku, nebo pozici pro začátek opakování zobrazení pozadí.

Hodnoty (jednotky)
jedna nebo jeden pár hodnot v procentech, kombinace klíčových slov top, center, bottom, left, center, right; inherit
Defaultní hodnota
0% 0%
Vhodné pro
Blokové elementy
Dědičnost
není
Poznámka
Jednotky udávají vzdálenost od levého horního rohu obsahu, resp. paddingu. okud je uvedena jen jedna hodnota, znamená pouze horizontální pozici, obrázek je vertikálně vycentrován.
Příklad
blockquote {background-image: url("images/sand.gif");
background-position: top right} - Zobrazí obrázek sand.gif jako pozadí od pravého horního rohu.

Kombinace klíčových slov a procentuálních hodnot

Klíčová slovaHodnota v procentech
top left; left top 0% 0%
top; top center; center top 50% 0%
right top; top right 100% 0%
left; left center; center left 0% 50%
center; center center 50% 50%
right; right center; center right 100% 50%
bottom left; left bottom 0% 100%
bottom; bottom center; center bottom 50% 100%
bottom right; right bottom 100% 100%

Hledání

Google
Web wapway

Doporučujeme

Solná jeskyně

Kykovo blog

Truhlářství Kralupy

Topení Vávra

Poptávky zdarma