Háttérpanel opciók a Dreamweaver CSS tulajdonságpaneljén

A Dreamweaver CSS Designer paneljének Háttér paneljének használatával megadhat egy stílushoz háttérszínt vagy képet – és szabályozhatja, hogy a háttér hogyan jelenjen meg az oldalon. A háttérstílus-beállításokat a weboldal bármely olyan eleméhez használhatja, amely képes megjeleníteni hátteret – beleértve a ,

, címsor és képcímkék.

Például módosíthatja a címkét úgy, hogy az egész oldalra érvényes háttérbeállításokat tartalmazzon, vagy létrehozhat egy stílust az osztály- vagy azonosítóválasztóval, és megadhat egy hátteret, amely csak az egyén mögött jelenik meg.

címke.

Ha a hátteret belefoglalja az osztály vagy azonosító stílusába a

címkével korlátozhatja, hogy a háttér csak ott jelenjen meg a képernyőn, ahol a

címke használatos. Vegye figyelembe, hogy a Háttér beállítás csak akkor működik képpel, ha először margókat állít be a kép körül.

Az alábbi háttérbeállítások közül választhat:

• Háttérszín: Adja meg egy meghatározott stílus háttérszínét a többféle módszer egyikével. A színre kattintva kiválaszthat egy előre meghatározott színt, vagy létrehozhat egyéni színt. Vagy használja a pipettát a képernyő bármely színének mintájára. Végül megadhat egy hexadecimális színkódot – ügyeljen arra, hogy szerepeljen a #, mint a #000000 a fekete színnél, vagy a #ffffff a fehér színnél.

• Háttér-kép: Válasszon ki egy képet, amely háttérként szolgál a stílusdefiníciójában. Adja meg a számítógépén vagy az interneten található kép bármely URL-jét, vagy kattintson a mappa ikonjára a merevlemez böngészéséhez és egy kép kiválasztásához.

• Background-Position: Adja meg a háttérkép pozícióját a szülőelem bal és felső részénél úgy, hogy minden mezőbe beír egy számot. Ez a lehetőség csak akkor látható, ha a Háttér részben az URL-mező melletti kis nyílra kattint, hogy megjelenjenek a további mezők.

• Méret: Válassza ki a méretet pixelben, ems-ben vagy más beállításban, majd adja meg a háttérnek kívánt méretet. Ha a Méret mezőt automatikus értékre állítja (alapértelmezett), akkor a kép a tényleges méretben jelenik meg.

• Háttér-klip: Adja meg, hogy a háttér kezdje-e a szegélyt, a kitöltést vagy egy dobozelem, például

  címke.

• Háttér-ismétlés: Kattintson a megfelelő ikonra annak meghatározásához, hogy a háttérkép hogyan és hogyan ismétlődik-e vagy csempék-e az oldalon keresztül és lefelé. Alapértelmezés szerint a háttérképek csempe, ezért ki kell választania egy lehetőséget, ha nem szeretné, hogy a háttér ismétlődjön, vagy meg szeretné adni, hogyan ismétlődjön.

  Azt is vegye figyelembe, hogy ha a kép nagyobb, mint az az elem, amelyre alkalmazták, csak annyi lesz látható a képből, amennyi elfér az elem megjelenítési területén. Például, ha egy 600 pixel szélességű képet használ a háttérként

  300 pixel szélességű címke esetén csak a kép fele lesz látható.

  Az ismétlési lehetőségek ikonjaik megjelenése szerinti sorrendben a következők:

  • Inherit (öröklés): Hacsak nincs másik lehetőség kiválasztva, minden elem örökli a szülőelemének viselkedését. Ezt az alapértelmezett beállítást nem kell megadni.

  • Ismétlés: A háttérkép függőlegesen és vízszintesen ismétlődik az elem hátterében.

  • Ismétlés-X: A háttér vízszintesen ismétlődik, de függőlegesen nem, az elem hátterében.

  • Ismétlés-Y: A háttér függőlegesen ismétlődik, de nem vízszintesen az elem hátterében.

  • No-Repeat: A háttér egyszer jelenik meg az elem bal felső sarkában.

  • Origin: Adja meg, hogy a háttér eredete a szegélynél, a kitöltésnél vagy egy dobozelem, például

    címke.

• Melléklet: Határozza meg, hogyan viselkedjen a háttér az oldal görgetése közben. A lehetőségek a következők

  • Inherit (öröklés): Hacsak nincs másik lehetőség kiválasztva, minden elem örökli a szülőelemének viselkedését. Ez egy alapértelmezett beállítás, és nem kell megadni.

  • Javítva: A háttér egy helyre ragasztva marad a megtekintési területen, és nem gördül ki a szem elől, még a weboldal görgetése közben sem.

  • Görgetés: A háttér a weboldallal együtt gördül.

• Színátmenet: Kattintson a Színátmenet melletti színhelyre a Dreamweaver új vizuális színátmenet-választójának megnyitásához.