Praneškite apie mus:


CSS parametras - background-position

0

Šis parametras nurodo fono paveikslėlio vietą, jei norime kad veiktų naršyklėse Opera ir Firefox, background-attachment reikšmė turi būti fixed.



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
left center - kairėje centre
left bottom - kairėje apačioje
right top - dešinėje viršuje
right center - dešinėje centre
right bottom - dešinėje apačioje
center top - centre viršuje
center center - centre centre
center bottom - centre apačioje

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 ie ff opera chrome safari

Papildoma informacija: Nė viena Internet Explorer versija nepalaiko parametro inherit

 

Perskaityta: 3214 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
žinynas    css    parametrai   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti
CSS parametrai
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: