A helyzete és mérete, egy elem CSS
A helyzete és mérete az elem
- álláspontja - részletezi, hogy milyen elem helyét lehet az alábbi értékeket:
- fix - koordináták képest a böngésző ablakot;
- relatív - relatív koordináták képest a szülő elem;
- abszolút - a koordinátákat képest az első szülőt keresztezzük a pozicionáló eltérő statikus;
- statikus - helymeghatározás a szokásos módon, az alapértelmezett érték.
- bal - x koordinátája a bal felső sarokban az elem;
- top - y koordinátáját a bal felső sarokban az elem;
- jobbra - x koordinátája a jobb alsó sarokban az elem;
- alul - y koordinátáját a jobb alsó sarokban az elem;
- z-index - z koordináta az elem. Ez lehetővé teszi, hogy overlay elemek egymás tetejére, hogy hozzon létre rétegeket. (Példa overlay).
helyzetben összehangolása révén
- text-align - vízszintbeállításán a tartalmat. A lehetséges értékek:
- indokolja - szélesség;
- balra - balra;
- jobbra - jobbra;
- center - a központ a vízszintes;
- vertikális-align - függőleges igazítás a tartalom. A számérték azt jelzi, hogy mennyit kell emelni / csökkenteni az elem képest a jelenlegi helyzetben. Továbbá a rendelkezésre álló karakterlánc értékek:
- top - a felső;
- alsó - lefelé;
- közepén - a közepén.
A mozile és opera align objektum közepén a következők lehetnek:
Ha a szélesség Ismeretes, hogy lehet köré a következő
- szélesség - a szélessége az elem;
- magassága - a magassága az elem;
- min-szélesség, max-szélesség - minimális és maximális szélessége az elem;
- min-magasság, max-height - a minimális és maximális magassága az elem.
ha a tartalom több, mint egy elem
- túlcsordulás - meghatározza tartalma átfedi box elemet. A lehetséges értékek:
- auto;
- rejtett - elrejtés;
- görgetés - scroll;
- látható - kijelző;
- öröklik - örökli értéket.
- klip - lehetővé teszi, hogy adjon meg egy téglalap látható utódeleme ha méreteit nagyobbak, mint a szülő elem abszolút helymeghatározás. Rendszerint képekkel. Stílus nem működik, ha azt állapítja meg, overflow: láthatók. A téglalapot az a rect (felső, jobb, alsó, bal).