Bakgrundspanelalternativ i Dreamweavers CSS-egenskapspanel

Med bakgrundspanelen i Dreamweavers CSS Designer-panel kan du ange en bakgrundsfärg eller bild för en stil – och styra hur bakgrunden visas på sidan. Du kan använda inställningar för bakgrundsstil för alla element på din webbsida som kan visa en bakgrund — inklusive ,

, rubrik och bildtaggar.

Du kan till exempel ändra taggen så att den inkluderar bakgrundsinställningar som gäller för hela sidan, eller så kan du skapa en stil med klass- eller ID-väljaren och ange en bakgrund som endast visas bakom en individ

märka.

Genom att inkludera bakgrunden i klass- eller ID-stilen för en

kan du begränsa bakgrunden så att den bara visas på skärmen där

taggen används. Observera att alternativet Bakgrund fungerar med en bild endast om du först ställer in en marginal runt bilden.

Du kan välja mellan dessa bakgrundsalternativ:

• Bakgrundsfärg: Ange bakgrundsfärgen för en definierad stil med en av flera metoder. Du kan klicka på färgbrunnen och välja en fördefinierad färg eller skapa en anpassad färg. Eller använd pipetten för att prova vilken färg som helst på skärmen. Slutligen kan du ange en hexadecimal färgkod — se till att inkludera #, som i #000000 för färgen svart eller #ffffff för färgen vit.

• Bakgrundsbild: Välj en bild som ska fungera som bakgrund i din stildefinition. Ange valfri URL till en bild på din dator eller på Internet, eller klicka på mappikonen för att bläddra igenom din hårddisk och välja en bild.

• Bakgrundsposition: Ange positionen för bakgrundsbilden från vänster och överkant av det överordnade elementet genom att ange ett nummer i varje fält. Det här alternativet är endast synligt om du klickar på den lilla pilen bredvid URL-fältet i avsnittet Bakgrund för att visa de ytterligare fälten som följer.

• Storlek: Välj måtten i pixlar, ems eller något annat alternativ och ange sedan storleken du vill ha för bakgrunden. Om du lämnar fältet Storlek inställt på auto (standard) visas bilden i verklig storlek.

• Bakgrundsklipp: Ange om bakgrunden ska börja kantlinjen, utfyllnaden eller innehållet i ett boxelement, t.ex.

  märka.

• Bakgrundsupprepning: Klicka på motsvarande ikon för att ange hur och om bakgrundsbilden ska upprepas, eller brickor, över och nedåt på sidan. Bakgrundsbilder sida vid sida som standard, så du måste välja ett alternativ om du inte vill att din bakgrund ska upprepas eller om du vill ange hur den upprepas.

  Observera också att om bilden är större än elementet som den appliceras på, kommer bara så mycket av bilden som får plats i elementets visningsområde att synas. Till exempel, om du använder en 600-pixel bred bild som bakgrund för en

  taggen som är inställd på 300 pixlar bred, kommer bara halva bilden att synas.

  Alternativen för Upprepa, listade i ordning efter ikonernas utseende, följer:

  • Ärv: Om inte ett annat alternativ väljs, ärver varje element beteendet för sitt överordnade element. Detta standardalternativ behöver inte anges.

  • Upprepa: Bakgrundsbilden upprepas vertikalt och horisontellt i bakgrunden av elementet.

  • Repeat-X: Bakgrunden upprepas horisontellt, men inte vertikalt, i bakgrunden av elementet.

  • Repeat-Y: Bakgrunden upprepas vertikalt, men inte horisontellt, i bakgrunden av elementet.

  • Ingen upprepning: Bakgrunden visas en gång längst upp till vänster i elementet.

  • Ursprung: Ange om ursprunget för bakgrunden börjar vid kanten, utfyllnaden eller innehållet i ett boxelement, t.ex.

    märka.

• Bilaga: Bestäm hur bakgrunden beter sig när sidan rullas. Alternativen är

  • Ärv: Såvida inte ett annat alternativ väljs, ärver varje element beteendet hos sitt överordnade element. Detta är ett standardalternativ och behöver inte specificeras.

  • Fast: Bakgrunden förblir klistrad på ett ställe i visningsområdet och rullas inte utom synhåll, även när webbsidan rullas.

  • Rulla: Bakgrunden rullas tillsammans med webbsidan.

• Gradient: Klicka på färgbrunnen bredvid Gradient för att öppna Dreamweavers nya visuella gradientväljare.