b{}xm{}dels.toxin.hu

Mivel a különböző dobozmodellek egységesen kezelik, és -a háttérkép pozicionáláson kívül- bonyolultság sincs benne, két linket és egy rövid összefoglalást szúrok csak be ide, első link a w3c megfelelő oldalára mutat, második link pedig a sitepoint idevágó oldalára ami alatt a háttérkép pozicionálás problematikus aspektusait fejtik ki (összefoglalva : using pixels is the only foolproof method. You can probably (not fully tested) use percentages as long as the percentages you use are whole numbers. So three frame animations are fine (0%, 50%, 100). ) . Összefoglalás …

Alapértékei : background:none transparent repeat left top scroll;

backround-position: origópont az elem bal-felső sarkában, első paramétere a háttérkép horizontális, második a vertikális eltolásának mértékét határozza meg konkrét értéket megadásakor, amennyiben százalékot adunk meg, akkor az elem adott pontja kerül egyeztetésre (0% 0% a bal felső sarokban 100% 100% a jobb alsóban, kép-háttér együtt) a kép adott pontjával, pl. 100% 0% -esetén a háttérkép jobb széle fedésbe kerül az elem jobb szélével,0% 100% esetén az elem alja fedésbe kerül a háttérkép aljával, 50% 50% esetén a kép közepe és az elem közepe kerül egymásra (bővebben a sitepoint-os link alatt) . Amennyiben képet adunk meg érdemes háttérszint is megfelelően hozzáállítani, ha a kép nem töltődne be, a szöveg akkor is olvasható legyen.

továbbá

• background-color háttérszín beállítása
• background-color:transparent amenyiben áttetszőt akarunk
• background-image:none estén nincs háttérkép
• background-image:url(”file.jpg”) kép megjelenítése, a padding terültig
• background-repeat:háttérismétlődése, ez az alapbeállítás
• background-repeat:repeat-x egy sor ismétlődés
• background-repeat:repeat-y egy oszlop
• background-repeat:no-repeat nincs ismétlődés
• background-position bővebben feljebb
• background-attachment:scroll,
• background-attachment:fixed

Fenti értékek beállíthatóak egyszerre is, a background tulajdonságg használatával, megadási sorrend tetszőleges

Következik az overflow

Hajrá CSS