3

kurs

css

Lekcja 13: Pozycjonowanie

css

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; }
comments powered by Disqus

Do góry