Właściwość cursor ustawia wygląd
kursora po najechaniu na element.
Składnia
cssselektor {
cursor: wartość;
}
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.