Poziția și dimensiunile elementului în css

Poziția și dimensiunile elementului

poziție - specifică modul în care elementul este poziționat, poate lua una dintre următoarele valori:
- coordonatele fixe relative la fereastra browserului;
- relativă - coordonate relative la elementul părinte;
- coordonate absolute - relative la primul element parental cu poziționare diferită de cea statică;
- static - poziționarea în modul obișnuit, valoarea implicită.
coordonate stânga-x din colțul din stânga sus al elementului;
coordonata superioară y a colțului superior stâng al elementului;
right - x coordonate din colțul din dreapta jos al elementului;
coordonata de jos - y a coltului din dreapta jos al elementului;
z-index este coordonatul z al elementului. Acest lucru vă permite să suprapuneți elementele unul peste celălalt, să creați straturi. (un exemplu de suprapunere).

text-align - alinierea orizontală a conținutului. Sunt posibile următoarele valori:
- justify - width;
- stânga spre stânga;
- dreapta - spre dreapta;
- centru centrat pe orizontală;
alinierea verticală - alinierea verticală a conținutului. Valoarea numerică indică cât de mult să ridicați / coborâți elementul în raport cu poziția curentă. Valorile șirului sunt de asemenea disponibile:
- sus - sus;
- de jos în jos;
- mijloc - în mijloc.

În Mozilla și opera, puteți alinia obiectul în centru după cum urmează

Dacă lățimea este cunoscută, atunci alinierea centrului poate fi aproximativ după cum urmează

overflow - definește comportamentul, conținutul suprapune caseta elementului. Sunt posibile următoarele valori:
- auto;
- ascuns - ascunde;
- defilați - derulați;
- vizibil - afișaj;
- moșteniți - moșteniți valoarea.
clip - vă permite să specificați dreptunghiul vizibil al elementului copil atunci când dimensiunea sa este mai mare decât elementul părinte pentru poziționarea absolută. Folosit de obicei cu imagini. Stilul nu funcționează dacă depășește: este definit vizibil. Dreptunghiul este indicat ca rect (partea de sus, dreapta, fund, stânga).