Mgr. Vlastislav Kučera přednáška č. 10.  Polohování ◦ Absolutní polohování  Vlastnosti ◦ umístění ◦ display ◦ visibility.

Prezentace na téma: "Mgr. Vlastislav Kučera přednáška č. 10.  Polohování ◦ Absolutní polohování  Vlastnosti ◦ umístění ◦ display ◦ visibility."— Transkript prezentace:

1 Mgr. Vlastislav Kučera přednáška č. 10

2  Polohování ◦ Absolutní polohování  Vlastnosti ◦ umístění ◦ display ◦ visibility

3  box je explicitně posunut vzhledem ke svému obsahujícímu prvku  je vyjmut z normálního řazení  nemá vliv na následující sourozence  takový box zakládá nový obsahující box pro své normálně řazené potomky a polohované následníky  obsah takového prvku žádné jiné boxy neobtéká

4  v případě abs. polohovaných prvků určuje vzdálenost horní (pravé, dolní, levé) hrany obsahu boxu prvkem generovaného od horní (pravé, dolní, levé) hrany obsahu obsahujícího bloku  u relativně polohovaných prvků vyjadřuje posun horní (pravé, spodní, levé) hrany prvku směrem dolů (vlevo, nahoru, vpravo) vůči své přirozené poloze v normálním řazení

5  hodnoty ◦ auto, "procenta", "velikost", inherit  výchozí hodnota ◦ auto  význam hodnot ◦ auto ◦ "procenta"  vzdálenost je určena procenty z výšky (šířky, výšky, šířky) obsahujícího bloku ◦ "velikost"  určuje pevnou vzdálenost  př.: bottom-a-dalsi.htmlbottom-a-dalsi.html

6  spolu s vlastností float určuje způsob výpočtu polohy prvku  hodnoty ◦ static, relative, absolute, fixed, inherit  výchozí hodnota ◦ static  význam hodnot ◦ static  normální box umístěný v normálním řazení ◦ relative  box je nejprve umístěn v normálním řazení a poté je posunut relativně vzhledem ke své poloze ◦ absolute  poloha (a příp. rozměry) boxu jsou určeny vlastnostmi top,... ◦ fixed  poloha boxu se nejdříve vypočítá stejně jako v případě absolute, ale zároveň je box uzamčen na dané pozici  př.: polohovani.htmlpolohovani.html

7  určuje způsob zobrazení prvku  hodnoty ◦ inline, block, list-item, none, inherit,...  výchozí hodnota ◦ inline  význam hodnot ◦ inline – prvek bude generovat řádkové boxy ◦ block - prvek bude generovat blokové boxy ◦ list-item - prvek bude generovat hlavní blokový box a řádkový box typu list-item ( ) ◦ none – prvek nebude ve formátovací struktuře generovat žádný box

8  určuje, zda bude box generovaný prvkem vykreslen; neviditelný box ovlivňuje rozvržení dokumentu stejně, jako by byl viditelný  hodnoty ◦ visible, hidden, collapse, inherit  výchozí hodnota ◦ visible  význam hodnot ◦ visible  box je viditelný ◦ hidden  není viditelný ◦ collapse  specificky ovlivňuje pouze řádky a sloupce tabulek  př.: visibility.htmlvisibility.html