CSS Poziţie. CSS Layout -  Proprietatea position. Valori de poziție: static, relative, fixed, absolute sau sticky. Element cu position: static;

Susține Lectii-Virtuale!

CSS Layout -  Proprietatea position

Proprietatea position specifică tipul metodei de poziționare utilizate pentru un element (static, relativ, fix, absolut sau lipicios/static, relative, fixed, absolute sau sticky).

Proprietatea position

Proprietatea position specifică tipul metodei de poziționare utilizate pentru un element.
Există cinci valori de poziție diferite:
 

• static
• relative
• fixed
• absolute
• sticky

Elementele sunt apoi poziționate folosind proprietățiile de sus, de jos, de stânga și de dreapta (top, bottom, left, și right). Cu toate acestea, aceste proprietăți nu vor funcționa decât dacă proprietatea position este setată prima. De asemenea, funcționează diferit în funcție de valoarea poziției.

position: static; (poziție: static)

Elementele HTML sunt poziționate static în mod implicit.
Elementele poziționate static nu sunt afectate de proprietățile de sus, de jos, de stânga și de dreapta.
Un element cu position: static; (poziție: static) nu este poziționat într-un mod special; este poziționat întotdeauna în funcție de fluxul normal al paginii:



Iată CSS-ul folosit:

Exemplu:

div.static {
  position: static;
  border: 3px solid #73AD21;
}