Właściwość cursor

Właściwość cursor ustawia wygląd kursora po najechaniu na element.

Składnia

Uwaga

Właściwość ma bardzo wiele wartości. Poniżej pogrupowałem te wartości, aby łatwiej było się orientować. Wygląd kursora różni się w różnych przeglądarkach, dlatego nie zrobiłem zdjęć kursorów, a po prostu w tabelach z wartościami zrobiłem specjalną kolumnę, po najechaniu myszką na komórkę której, będziesz mógł zobaczyć wygląd opisywanego kursora.

Wartości

Wartość	Opis	Wygląd
default	Standardowy wygląd w postaci wskaźnika-strzałki.
pointer	Używany, aby pokazać, że element jest aktywny i można na niego klikać (taki domyślnie dla linków).
help	Używany, aby pokazać, że z elementem związana jest jakaś pomoc lub pytanie.
not-allowed	Używany, aby pokazać niedopuszczalność operacji.

Tekst

Wartość	Opis	Wygląd
text	Standardowy kursor tekstowy w postaci pionowej kreski.
vertical-text	Kursor tekstowy dla tekstu pionowego.

Oczekiwanie

Wartość	Opis	Wygląd
progress	Używany, aby pokazać, że odbywa się jakaś operacja i użytkownik musi poczekać.
wait	Używany, aby pokazać, że użytkownik musi poczekać.

Kursor przy zmianach rozmiarów

Przy zmianie rozmiarów elementu wartość właściwości formuje się tak: słowo resize, a przed nim przez myślnik jakaś litera lub kilka liter, na przykład: n-resize lub ne-resize.

Te litery są pierwszymi literami stron świata: north - północ, south - południe, east - wschód, west - zachód. W tym przypadku używane są konwencje przyjęte dla map terenu: u góry północ, na dole południe, po lewej zachód, po prawej wschód. Oczywiście, to myli, ale trzeba używać, jak wymyślono:)

A więc, oto wartości:

Wartość	Kierunek	Część świata	Wygląd
n-resize	w górę	north
ne-resize	w prawo w górę	nord east
e-resize	w prawo	east
se-resize	w prawo w dół	south east
s-resize	w dół	south
sw-resize	w lewo w dół	south west
w-resize	w lewo	west
nw-resize	w lewo w górę	nord west
nesw-resize	w prawo w górę i w lewo w dół	nord east - south west
nwse-resize	w lewo w górę i w prawo w dół	nord west - south east

Zmiana rozmiarów dwóch elementów

Wartość	Opis	Wygląd
col-resize	Zmiana pozioma.
row-resize	Zmiana pionowa.

Zmiana skali

Wartość	Opis	Wygląd
zoom-in	Zwiększenie skali.
zoom-out	Zmniejszenie skali.

Ruch

Wartość	Opis	Wygląd
move	Używany, aby pokazać, że element można przesuwać, lub w momencie przesuwania.
all-scroll	Używany, aby pokazać, że element przewija się myszką we wszystkich kierunkach.

Różne

Wartość	Opis	Wygląd
crosshair	Wygląd w postaci celownika.
cell	Wygląd w postaci celownika.