spse:pm3:css-pozicovani

Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

Následující verze		 Předchozí verze
spse:pm3:css-pozicovani [2020/11/10 21:43] – vytvořeno jendaspse:pm3:css-pozicovani [2024/07/07 16:48] (aktuální) – upraveno mimo DokuWiki 127.0.0.1
Řádek 1: Řádek 1:
 +~~NOCACHE~~
 +~~REVEAL theme=dokuwiki&transition=convex&controls=1&show_progress_bar=1&build_all_lists=1&show_image_borders=0&horizontal_slide_level=2&enlarge_vertical_slide_headers=0&show_slide_details=1&open_in_new_window=1&size=1024x768~~
 +
 ====== CSS pozicování ====== ====== CSS pozicování ======
  
Řádek 18: Řádek 21:
     * Absolutní pozice     * Absolutní pozice
     * Relativní pozice     * Relativní pozice
 +---->
   * Absolutní pozice umístí objekt do stránky na udané souřadnice bez ohledu na okolní text.    * Absolutní pozice umístí objekt do stránky na udané souřadnice bez ohledu na okolní text. 
     * počítá se od levého horního rohu     * počítá se od levého horního rohu
Řádek 26: Řádek 29:
     * počítá se od předchozího bloku     * počítá se od předchozího bloku
     * <code css>position: relative; left: 5px; top: 5px</code>     * <code css>position: relative; left: 5px; top: 5px</code>
- +<---- 
 +---->
   * top - určuje posunutí objektu směrem dolů   * top - určuje posunutí objektu směrem dolů
   * left - určuje posunutí objektu směrem doprava   * left - určuje posunutí objektu směrem doprava
Řádek 33: Řádek 36:
   * Protože při přesouvání objektů může dojít k překrytí objektu, existuje vlastnost určující, který objekt bude navrchu. Ta vlastnost se jmenuje z-index a dosahuje hodnot celých čísel. Přitom vyšší číslo znamená vyšší pozici při překrývání.   * Protože při přesouvání objektů může dojít k překrytí objektu, existuje vlastnost určující, který objekt bude navrchu. Ta vlastnost se jmenuje z-index a dosahuje hodnot celých čísel. Přitom vyšší číslo znamená vyšší pozici při překrývání.
   * Plovoucí objekty - float: left | right    * Plovoucí objekty - float: left | right 
 +<----
  
 ===== Vlastnosti boxů ===== ===== Vlastnosti boxů =====
Řádek 55: Řádek 58:
 ==== border ==== ==== border ====
 ^ Atribut      ^ Možné hodnoty       ^ Popis          ^ ^ Atribut      ^ Možné hodnoty       ^ Popis          ^
-| border-top:    | barva   | nastavení vlastností horní části rámečku          | +| border-top:    | border-width border-style border-color   | nastavení vlastností horní části rámečku          | 
-| border-right:     | barva | nastavení vlastností pravé části rámečku   | +| border-right:     | border-width border-style border-color | nastavení vlastností pravé části rámečku   | 
-| border-bottom:     | barva     | nastavení vlastností spodní části rámečku          | +| border-bottom:     | border-width border-style border-color    | nastavení vlastností spodní části rámečku          | 
-| border-left: | barva| nastavení vlastností levé části rámečku   |+| border-left: | border-width border-style border-color| nastavení vlastností levé části rámečku   |
 | border: | | komplexní nastavení vlastností rámečku   | | border: | | komplexní nastavení vlastností rámečku   |
  
 ==== Ostatní ==== ==== Ostatní ====
-^ Atribut      ^ Možné hodnoty       ^ Popis          ^ +^ Atribut        ^ Možné hodnoty                                                      ^ Popis                                                                                    ^ 
-| border-color:     | barva   | barva rámečku      | +| border-color:  | barva                                                              | barva rámečku                                                                            | 
-| border-style:     | none, dotted, dashed, solid, double, groove, ridge, inset, outset      | none, dotted, dashed, solid, double, groove, ridge, inset, outset       | +| border-style:  | none, dotted, dashed, solid, double, groove, ridge, inset, outset  | none, dotted, dashed, solid, double, groove, ridge, inset, outset                        | 
-| width:    | auto, délka, %    |        | +| width:         | auto, délka, %                                                     | šířka                                                                                    | 
-| height:    | auto, délka,   | šířka     | +| height:        | auto, délka,                                                       | šířka                                                                                    | 
-| float:    | left, right, none   | left, right=plovoucí objekt (např. obrázek),none=normální objekt        | +| float:         | left, right, none                                                  | left, right=plovoucí objekt (např. obrázek),none=normální objekt                         | 
-| clear:    | left, right, none, both   | čekání na skončení plovoucích elementů: left=vlevo, right=vpravo, both=na obou stranách        |+| clear:         | left, right, none, both                                            | čekání na skončení plovoucích elementů: left=vlevo, right=vpravo, both=na obou stranách  |
  
  
  
  
  • spse/pm3/css-pozicovani.1605044619.txt.gz
  • Poslední úprava: 2024/07/07 16:48
  • (upraveno mimo DokuWiki)