| | 
| 
| Odsłony: 116
| | Odsłony: 116Relatywne {POSITION: relative}
W jaki sposób przesunąć dowolny element strony o podaną odległość?
selektor { position: relative; parametry }
Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów].
Natomiast jako "parametry" należy podać:
Natomiast jako "parametry" należy podać:
left: wartość- odległość od lewej krawędzi położenia spoczynkowegotop: wartość- odległość od górnej krawędzi położenia spoczynkowegoright: wartość- odległość od prawej krawędzi położenia spoczynkowegobottom: wartość- odległość od dolnej krawędzi położenia spoczynkowego
Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. Należy jednak pamiętać o tym, że parametr left ma pierwszeństwo przed right (jeśli kierunek tekstu jest "ltr" - od lewej do prawej), natomiast top ma pierwszeństwo przed bottom. To znaczy jeśli np. podamy: left: 1cm; top: 2cm; right: 3cm; bottom: 4cm, to wartości right oraz bottom zostaną zignorowane.
Polecenie pozycjonowania relatywnego (względnego) pozwala przesunąć wybrany element w dowolną stronę względem jego położenia spoczynkowego, czyli pozycji gdy nie używamy żadnego pozycjonowania.