pozycjonowanie

Opublikowano: poniedziałek, 18, maj 2020 08:45 | Super User | Drukuj | E-mail | Odsłony: 112

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.

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

Przykład

Tekst nie pozycjonowany.

Tekst pozycjonowany relatywnie.

p { position: fixed; }

p { position: static; }


Źródło:http://www.kurshtmlcss.pl/kurs-css/lekcja13-pozycjonowanie.php