left - Český CSS 3 manuál

HTML a CSS Manuál Pozicování a velikost left - Český CSS 3 manuál

Pomocí CSS 3 vlastnosti left nastavujeme levou pozici HTML elementu. Chování vlastnosti záleží na tom, jak je element pozicovaný, více viz. vlastnost position. Vlastnost nemá žádný vliv na elementy s position: static, tedy pokud má pozice výchozí hodnotu.

Hodnoty

  • auto (výchozí) - Pozici určí prohlížeč.
  • délka - Levá pozice udaná v libovolných délkových jednotkách, např. px, cm, pt atd. Můžeme uvést i záporné hodnoty.
  • % - Levá pozice udaná jako část z šířky rodičovského elementu.
  • inherit - Vlastnost left bude zděděna od rodičovského elementu.

Ukázka

<!DOCTYPE html>
<html>
        <head>
                <style>
                        #ptak
                        {
                                position: relative;
                                left: 100px;
                        }
                </style>
        </head>
        <body>
                <img src="ptak.png" alt="Pták" id="ptak" />
        </body>
</html>

Výsledek:

Ukázka nastavení levé pozice elementu v CSS

 

  Aktivity (1)

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Pozicování a velikost - CSS vlastnosti

 

 

Komentáře

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zatím nikdo nevložil komentář - buď první!