Pavyzdys
1 2 3 4 5 6 7 |
div { background-color:#9F0; background-image:url('kelias_iki_paveikslelio.png'); background-repeat:repeat-x; background-attachment:scroll; background-position:top; } |
Galimos reikšmės
| Reikšmė | Aprašymas |
| left top left center left bottom right top right center right bottom center top center center center bottom |
Nurodo paveikslėlio poziciją. Jei nurodysime tik vieną reikšmę, tada antra automatiškai bus center. Pirmas žodis nurodo pozicija x ašyje, antrasis y. left top - kairėje viršuje |
| x% y% |
Nurodo paveikslėlio poziciją. Pirmas skaičius nurodo x ašį, antrasis y. left top atitikmuo yra 0% 0%, tai yra fonas bus padėtas į viršutinį kairį kampą. apatinis dešinys kampas yra 100% 100%. Jei nurodysite tik vieną reikšmę, antra automatiškai bus 50%. |
| x y | Nurodo paveikslėlio poziciją. Pirmas skaičius nurodo x ašį, antrasis y. left top atitikmuo yra 0px 0px, tai yra fonas bus padėtas į viršutinį kairį kampą. Galite naudoti pikselius arba bet kokius kitus CSS matavimo vienetus, kurių aprašymus galite rasti pagrindinėse CSS pamokose. Jei nurodysite tik vieną reikšmę, antroji bus 50%. Nebūtina naudoti tuos pačius matavimo vienetus abejoms pozicijoms, taip pat galite naudoti ir žodinę išraišką. |
| inherit |
Elemento stiliai turi būti paveldimi iš tėvinio elemento. Elemento, kuriame yra šis elementas |
Techninė informacija
| Pradinė reikšmė | 0% 0% |
| Paveldėta | ne |
| Kurios versijos | CSS1 |
| JavaScript išraiška | object.style.backgroundPosition="reikšmė" |
| Naršyklių palaikymas |      |
Papildoma informacija: Nė viena Internet Explorer versija nepalaiko parametro inherit
