20. diel - Pozície prvku v CSS3
V predchádzajúcej lekcii, Vzhľady a nastavenie tabuliek v CSS 3 , sme si ukázali, ako nastaviť vlastný vzhľad tabuľky, aké vytvoriť okraje a ako pracovať s jej obsahom.
V tejto lekcii sa zameriame najprv na vlastnosť position,
pomôcť ktorej sa nastavuje, akým spôsobom sa má element zobrazovať, resp.
ako sa má určovať jeho pozícia. Možnosti tu máme podobné ako napr. v MS Worde,
teda umiestniť prvok ako súčasť ostatného obsahu, tj.
napr. na riadok alebo do bloku, ďalej ho pozicový tzv.
absolútne, teda určiť jeho odsadenie od krajov
stránky a presné súradnice, a nakoniec ho môžeme
prichytiť treba k okraju okna prehliadača.
Ak pritom zvolíme u tejto vlastnosti inú možnosť, než je
static, budú nás ďalej zaujímať vlastnosti
bottom, left, right a top.
Tými určujeme, ako ďaleko od okraja stránky alebo okna má
byť element odsadený.
Position
Pomocou CSS 3 vlastnosti position nastavujeme typ pozície elementu. Element môže byť vložený normálne do obsahu stránky, môže z neho byť však vytrhnutý a umiestnený na presné súradnice. Dokonca môže byť prichytený k niektorej z hrán okna prehliadača.
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Kúpiť tento kurz
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V tejto lekcii sa zameriame na vlastnosti bottom, left, right a up a tiež na vlastnosť position. Budeme teda nastavovať, kde sa má element zobrazovať.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.
