Aby zacząć używać tej funkcji CSS należy poznać jej właściwości. Jakie to są? Po kolei to będą:
static
- jest to natywna wartość,relative
,absolute
,fixed
,sticky
(nad którą prace trwają).
Ponadto, aby operować wykorzystać w pełni możliwości position
możemy posłużyć się właściwościami top
, right
, bottom
, left
. Za co odpowiadają? Przede wszystkim za umieszczenie elementu na stronie. One określają odległość od “natywnego“ położenia.
Jeżeli nie nadamy żadnej właściwości, to standardową wartością dla position
będzie static
. Nie charakteryzuje się on żadnym specjalnym zastosowaniem. Czasami się jej jednak używa - na przykład gdy chcemy aby określony element miał właśnie tą wartość podczas gdy pozostałe mają np.: fixed
. Elementy które posiadają wartość absolute
możemy rozmieszczać na całej stronie, niezależnie gdzie się znajduje.