Tulajdonság |
Leírás |
Lehetséges értékek |
background-color |
Egy elem háttérszínét adja meg |
color-rgb
color-hex
color-name
transparent |
Body elemnek, és a rajta lévő szövegek háttérszínének megadása.
|
background-image |
Háttérképet állít be. |
url(URL)
none |
Kép beállítása háttérképnek.
Alapértelmezettként a teljes hátteret kirakja a képpel, mozaikszerűen. |
background-repeat |
Beállítja, hogy a háttérkép vízszintesen, függőlegesen, mindkét módon, vagy sehogy se ismétlődjön. |
repeat
repeat-x
repeat-y
no-repeat |
Háttérkép ismétlődésének letiltása.
Háttérkép ismétlése csak vízszintesen.
Háttérkép ismétlése csak függőlegesen.
|
background-position |
A háttérkép pozícióját állítja be. |
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos |
A háttérkép pozícionálása a tartalomhoz képest.
Először beállítjuk, hogy ne ismétlődjön a kép, majd középre és jobbra (center right ) rendezzük a látható felülethez képest. A további lehetséges kombinációkat kiolvashatjuk a táblázatból. |
background-attachment |
Beállítja, hogy a háttérkép fixen maradjon-e az oldal görgetésekor, vagy sem. |
scroll
fixed |
Oldal görgetésekor is egy helyben maradó háttérkép. |
background |
Rövidítő tulajdonság az összes eddigi tulajdonság egyidejű megadásához. |
background-color
background-image
background-repeat
background-attachment
background-position |
Az összes tulajdonság egy meghatározásban.
A background rövidítő tulajdonsággal az összes eddigi tulajdonságot egyszerre be tudjuk állítani, a táblázatban megadott és a példában is látott sorrendben.
Néhány tulajdonság egy meghatározásban.
Azonban nem kötelező az összes tulajdonságot használnunk, ebben a példában csak néhányat állítottunk be, a többi érték az alapértelmezett értéket veszi fel ilyenkor.
|
|