Háttér
A háttér színét vezérelhetjük segítségével, továbbá elhelyezhetünk képet háttérként, s annak tulajdonságait (elhelyezkedését, ismétlődését, mozgását) állíthatjuk be. A betűkhöz hasonlóan egy definícióban is, és külön-külön is szabályozhatjuk az tulajdonságokat.
- body { background-color: white; }
Fehérre állítja a háttér színét. Természetesen a színt hexadecimális formában (#ffffff) is megadhatjuk.
- body {
- background-image: url(hatter.gif);
- background-position: top left;
- background-attachment: scroll;
- background-repeat: repeat;
- }
A példa a háttérnek megadja a hatter.gif -et (lehetne még none is megadva, ekkor csak a színezés maradna), a bal felső sarokhoz igazítja, beállítja, hogy amikor görgetjük az oldalt, akkor a háttér is mozogjon, s végül még azt, hogy ismétlődjön a háttérkép. A background-position (elhelyezkedés) értékei lehetnek szövegesek: top left , top center , top right , center left , center center , center right , bottom left , bottom center , bottom right , illetve százalékosak (pl. 12% 34% ) és pixelben megadottak (pl. 12px 34px ). A background-attachement (a rögzízettséget szabályozza) értéke lehet fixed és scroll , az előbbinél nem mozdul a háttér, az utóbbinál pedig a görgetéssel együtt mozog. Az ismétlődést befolyásoló background-repeat négy értéket vehet fel: repeat , repeat-x , repeat-y , no-repeat , melyekkel mindkét, csak az egyik, vagy egyik irányban sem történő ismétlődést érhetünk el.
A háttér paraméterek egy összevonó background paraméterrel:
- body { background: white url(hatter.gif) no-repeat fixed center center; }
Ebben az esetben mivel a képnek no-repeat értéket adtunk ismétlésül, a fennmaradó területen a háttér fehér színű lesz. |