Kategorie
Kurs CSS

Właściwość position

Pozycjonowanie umożliwia precyzyjne umiejscowienie elementów na stronie.

Pozycjonowanie ustalamy za pomocą position.

selektor { position: wartość; }

Właściwość position może przyjmować wartości:

  • absolute – element znajduje się w miejscu zdefiniowanym przez wartości left, right, top, bottom względem bloku, w którym został umieszczony
  • relative – definiowana na podstawie rzeczywistego umiejscowienia na stronie, przesuwanie następuje za pomocą wartości left, right, top, bottom
  • fixed – pozycja ustalana względem okna przeglądarki, przesuwanie następuje za pomocą wartości left, right, top, bottom
  • static – wyłączenie pozycjonowania

Absolute

p { position: absolute; top: 25px; left: 270px; font-weight: bold; }

Przykład

Tekst nie pozycjonowany

Tekst pozycjonowany absolutnie.

Relative

p { position: relative; left: 80px; }

Przykład

Tekst nie pozycjonowany.

Tekst pozycjonowany relatywnie.

Fixed

p { position: fixed; }

Static

p { position: static; }

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *