Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Lekce 18 - Pozice prvku v CSS3

V předchozí lekci, Vykreslování, překrývání a svislé zarovnání prvků v CSS3, jsme se zaměřovali na vlastnosti upravující způsob vykreslování, překrývání a svislé zarovnání elementů.

V této lekci se zaměříme nejprve na vlastnost position, pomoci níž se nastavuje, jakým způsobem se má element zobrazovat, resp. jak se má určovat jeho pozice. Možnosti zde máme podobné jako kupř. v MS Wordu , tedy umístit prvek jako součást ostatního obsahu, tj. kupř. na řádek nebo do bloku, dále jej pozicovat tzv. absolutně, tedy určit jeho odsazení od krajů stránky a přesné souřadnice, a nakonec jej můžeme přichytit třeba k okraji okna prohlížeče.

Pokud přitom zvolíme u této vlastnosti jinou možnost, než je static, budou nás dále zajímat vlastnosti bottom, left, right a top. Těmi určujeme, jak daleko od okraje stránky nebo okna má být element odsazen.

Position

Pomocí CSS3 vlastnosti position nastavujeme typ pozice elementu. Element může být vložen normálně do obsahu stránky, může z něj být však vytržen a umístěn na přesné souřadnice. Dokonce může být přichycen k některé z hran okna prohlížeče.


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Koupit tento kurz

Koupit všechny aktuálně dostupné lekce s funkcí odevzdávání úloh a certifikátem za pouhých 650 Kč
Aktuální stav konta 0 Kč
Koupí tohoto balíčku získáš přístup ke všem 28 článkům (21 lekcí, 7 testů) tohoto kurzu.

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Neomezený a trvalý přístup k jednotlivým lekcím.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

V této lekci se zaměříme na vlastnosti bottom, left, right a up a též na vlastnost position. Budeme tedy nastavovat, kde se má element zobrazovat.

Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.

Článek pro vás napsal Jakub Raida
Avatar
Autor má rád literaturu, dějiny, filmy, počítačové hry, paleontologii, vesmír a programování.
Aktivity