selektor { cursor: rodzaj }
Natomiast "rodzaj" odpowiada za kształt, jaki przybierze wskaźnik myszki, po naprowadzeniu go na dany element. Możliwe są tutaj następujące wartości:
- auto - automatyczny wybór kształtu kursora (zależy od typu elementu, na który wskazujemy - tryb domyślny)
Przykład:
Wskaż ten tekst myszką
Zauważ, że kształt kursora typu "auto" powinien zmieniać się w zależności od tego, czy wskażesz myszką tekst czy fragment tła znajdującego się pod nim (już bez tekstu).
- crosshair - krzyżyk
Przykład:
Wskaż ten tekst myszką
- default - kursor domyślny (strzałka)
Przykład:
Wskaż ten tekst myszką
- pointer - wskaźnik (wskazuje odsyłacz) - nie interpretuje MSIE 4
Przykład:
Wskaż ten tekst myszką
- hand - dłoń
UWAGA! Kursor typu "hand" nie wchodzi w skład specyfikacji CSS 2.
Przykład:
Wskaż ten tekst myszką
- move - "przesuń"
Przykład:
Wskaż ten tekst myszką
- n-resize - "północ" (north): w MSIE 5 - strzałka w górę, w MSIE 6 - kursor zmiany rozmiaru pionowego
UWAGA! Kursory z grupy "resize" są odmiennie wyświetlane w MSIE 5, gdzie jest to strzałka zwrócona w odpowiednią stronę, natomiast normalnie - kursor zmiany określonego rozmiaru.
Przykład:
Wskaż ten tekst myszką
- ne-resize - "północny wschód" (north-east): w MSIE 5 - strzałka, w MSIE 6 - kursor zmiany rozmiaru
Przykład:
Wskaż ten tekst myszką
- e-resize - "wschód" (east): w MSIE 5 - strzałka w prawo, w MSIE 6 - kursor zmiany rozmiaru poziomego
Przykład:
Wskaż ten tekst myszką
- se-resize - "południowy wschód" (south-east): w MSIE 5 - strzałka, w MSIE 6 - kursor zmiany rozmiaru
Przykład:
Wskaż ten tekst myszką
- s-resize - "południe" (south): w MSIE 5 - strzałka w gół, w MSIE 6 - kursor zmiany rozmiaru pionowego
Przykład:
Wskaż ten tekst myszką
- sw-resize - "południowy zachód" (south-west): w MSIE 5 - strzałka, w MSIE 6 - kursor zmiany rozmiaru
Przykład:
Wskaż ten tekst myszką
- w-resize - "zachód" (west): w MSIE 5 - strzałka w lewo, w MSIE 6 - kursor zmiany rozmiaru poziomego
Przykład:
Wskaż ten tekst myszką
- nw-resize - "północny zachód" (north-west): w MSIE 5 - strzałka, w MSIE 6 - kursor zmiany rozmiaru
Przykład:
Wskaż ten tekst myszką
- text - kursor tekstowy
Przykład:
Wskaż ten tekst myszką
- wait - "poczekaj"
Przykład:
Wskaż ten tekst myszką
- progress - "postęp" - interpretuje MSIE 6, ale nie MSIE 5 (CSS 2.1, ale nie CSS 2)
Przykład:
Wskaż ten tekst myszką
- help - kursor pomocy
Przykład:
Wskaż ten tekst myszką
Listing
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
</HEAD>
<BODY>
<H2>
<P style="cursor:crosshair; background-color:fuchsia;">
Kursor przyjmie kształt celownika
</P>
</H2>
</BODY>
</HTML>
Ranga: Administrator serwisu Punktów: 0