Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

position

OPIS

Styl definiuje sposób określenia współrzędnych elementu.

WARTOŚCI

• static - CSS: 2.1, 2.0

pozycjonowanie tradycyjne, wartość domyślna

• relative - CSS: 2.1, 2.0

element zmienia pozycję, ale otaczające elementy zachowują się, jakby element nadal tam był

• absolute - CSS: 2.1, 2.0

pozycjonowanie względem bloku zewnętrznego, mają tu zastosowanie style left, right, top, i bottom

• fixed - CSS: 2.1, 2.0

pozycjonowanie stałe, nie zmienia się gdy strona jest przewijana

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. position: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0
• dziedziczony: nie

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

Powinien pokazać się napis widoczny nawet gdy strona jest przewijana.

<p style="color: blue; position: fixed; top: 300px; 
right: 10px; bottom: 10px; left: 150px;">testowy napis</p>

• Przykład 2:

<style type="text/css"><!--
p { position: fixed; top: 10px; right: 10px; bottom: 10px; left: 10px; }
--></style>