Možnosti panelu pozadí v panelu vlastností CSS aplikace Dreamweaver

Pomocí panelu Pozadí v panelu Návrhář CSS aplikace Dreamweaver můžete určit barvu pozadí nebo obrázek pro styl – a ovládat, jak se pozadí na stránce zobrazí. Nastavení stylu pozadí můžete použít pro jakýkoli prvek vaší webové stránky, který může zobrazovat pozadí – včetně ,

, nadpisy a značky obrázků.

Můžete například změnit značku tak, aby zahrnovala nastavení pozadí, která se vztahují na celou stránku, nebo můžete vytvořit styl pomocí selektoru třídy nebo ID a určit pozadí, které se zobrazí pouze za jednotlivcem.

štítek.

Zahrnutím pozadí do třídy nebo stylu ID a

můžete omezit, aby se pozadí na obrazovce zobrazovalo pouze tam, kde je

používá se značka. Všimněte si, že možnost Pozadí funguje s obrázkem pouze v případě, že nejprve nastavíte okraj kolem obrázku.

Můžete si vybrat z těchto možností pozadí:

• Barva pozadí: Určete barvu pozadí definovaného stylu pomocí jedné z několika metod. Můžete kliknout na barvu a vybrat předdefinovanou barvu nebo vytvořit vlastní barvu. Nebo použijte kapátko ke vzorkování jakékoli barvy na obrazovce. Nakonec můžete zadat hexadecimální kód barvy – nezapomeňte zahrnout #, jako #000000 pro černou barvu nebo #ffffff pro bílou barvu.

• Background-Image: Vyberte obrázek, který bude sloužit jako pozadí v definici stylu. Zadejte libovolnou adresu URL obrázku v počítači nebo na internetu nebo klikněte na ikonu složky, procházejte pevný disk a vyberte obrázek.

• Background-Position: Určete polohu obrázku na pozadí zleva a shora od nadřazeného prvku zadáním čísla do každého pole. Tato možnost je viditelná pouze v případě, že klepnete na malou šipku vedle pole adresy URL v části Pozadí a zobrazí se další pole, která následují.

• Velikost: Vyberte míru v pixelech, ems nebo jinou možnost a poté zadejte požadovanou velikost pozadí. Ponecháte-li pole Velikost nastavené na auto (výchozí), zobrazí se obrázek ve skutečné velikosti.

• Background-clip: Určete, zda pozadí začíná ohraničením, odsazením nebo obsahem elementu boxu, např.

  štítek.

• Opakování pozadí: Klepnutím na příslušnou ikonu určíte, jak a zda se bude obrázek na pozadí opakovat nebo dlaždice přes stránku a dolů. Obrázky na pozadí jsou ve výchozím nastavení dlaždice, takže si musíte vybrat možnost, pokud nechcete, aby se pozadí opakovalo, nebo chcete určit, jak se bude opakovat.

  Všimněte si také, že pokud je obrázek větší než prvek, na který je aplikován, bude viditelná pouze taková část obrázku, která se vejde do oblasti zobrazení prvku. Pokud například použijete obrázek o šířce 600 pixelů jako pozadí obrázku a

  tag, který je nastaven na šířku 300 pixelů, bude viditelná pouze polovina obrázku.

  Možnosti opakování, uvedené v pořadí podle vzhledu jejich ikon, jsou následující:

  • Dědit: Pokud není vybrána jiná možnost, každý prvek zdědí chování svého nadřazeného prvku. Tuto výchozí možnost není nutné zadávat.

  • Opakovat: Obrázek na pozadí se opakuje svisle a vodorovně na pozadí prvku.

  • Repeat-X: Pozadí se opakuje vodorovně, ale ne svisle, na pozadí prvku.

  • Repeat-Y: Pozadí se na pozadí prvku opakuje svisle, ale ne vodorovně.

  • No-Repeat: Pozadí se zobrazí jednou v levé horní části prvku.

  • Počátek: Určete, zda počátek pozadí začíná na okraji, výplni nebo obsahu prvku boxu, jako je např.

    štítek.

• Příloha: Určete, jak se pozadí chová při rolování stránky. Možnosti jsou

  • Dědit: Pokud není vybrána jiná možnost, každý prvek zdědí chování svého nadřazeného prvku. Toto je výchozí možnost a není třeba ji specifikovat.

  • Opraveno: Pozadí zůstává přilepené k jednomu místu v oblasti zobrazení a neodsune se z dohledu, i když se webová stránka posune.

  • Posouvání: Pozadí se posouvá spolu s webovou stránkou.

• Přechod: Klepnutím na barevnou jamku vedle Přechod otevřete nový selektor vizuálního přechodu aplikace Dreamweaver.