(interpretuje Internet Explorer 4, Netscape 6/Mozilla/Firefox, Opera 7, Chrome)
selektor { cursor: rodzaj }
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).
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
UWAGA! Kursor typu "hand" nie wchodzi w skład specyfikacji CSS 2.
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
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ą
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
Przykład:
Wskaż ten tekst myszką
(interpretuje MSIE 6; Firefox, Opera 15 i Chrome tylko pliki *.cur - również w systemie Linux)
selektor { cursor: url(ścieżka dostępu), rodzaj }
selektor { cursor: url(ścieżka dostępu) x y, rodzaj }
Ścieżkę dostępu należy konstruować względem lokalizacji arkusza CSS, a nie względem adresu dokumentu HTML!
Zwracam również uwagę, że podanie na końcu deklaracji ogólnego rodzaju kursora jest konieczne - inaczej nie zostanie on wyświetlony w Firefoksie.
Dzięki takiej deklaracji możliwe jest wczytanie dowolnego kursora z pliku, który znajduje się, razem ze stroną, na dysku serwera w Internecie.
Przypominam, że w systemie operacyjnym Windows zwykłe kursory mają rozszerzenie *.cur, natomiast kursory animowane *.ani. Ponadto specyfikacja CSS 2.1 podaje tutaj możliwość wczytania kursora SVG.
Możliwe jest również podanie listy kursorów rozdzielonych przecinkami. W takim przypadku wczytany zostanie pierwszy z listy plik, który przeglądarka potrafi obsłużyć. Dlatego właśnie na końcu listy powinien zostać podany tradycyjny kształt:
:link, :visited { cursor: url(example.svg#linkcursor), url(hyper.cur), pointer }
Każdy kursor posiada ustalony jednopikselowy tzw. gorący punkt (ang. hotspot). Ten punkt jest miejscem aktywnym kursora, tzn. właśnie za jego pomocą wskazywane są elementy. Zwykle leży on na czubku grota strzałki lub w centrum krzyżyka kursora. Możemy jednak ten punkt przesunąć w prawo (wartość x) lub/i w dół (wartość y) względem lewego-górnego narożnika grafiki (wymagane jest podanie pozycji zawsze za pomocą dwóch współrzędnych).
Przykład:
Wskaż ten tekst myszką