CSS: Zmień wygląd kursora

Właściwość kursora pozwala zmienić wygląd kursora na elemencie strony internetowej.

Klient automatycznie wyświetli kursor na swoim komputerze, który odpowiada wybranemu typowi kursora.

Przykład

Przykład kursora w kształcie krzyża (krzyżyk):

 ciało {kursor: celownik; }

Można oczywiście nadać różne style kilku elementom tej samej strony

Przykład stylu jako krzyża na stylu „ciała” ozdobionego kształtem klepsydry na zdjęciach i ręką na linkach.

 ciało {kursor: celownik; } img {kursor: czekaj; } a: link {cursor: pointer; }

Lista możliwych atrybutów

Self: Wygląd taki sam jak domyślny kursor na tagu, który ma atrybut, nie zmienia się.
Domyślnie: domyślna przeglądarka kursora.
Wskaźnik: Ręka w kształcie kursora z rozwiniętym palcem.
Tekst: Edycja tekstu kursora.
Pomoc: pomoc kursora.
Czekaj: Czekaj kursor
Postęp: progresja suwaka.
Przenieś: ruch kursora.
Celownik: Krzyż w kształcie kursora.

N-resize: zmień rozmiar kursora w górę.
S-resize: suwak zmiany rozmiaru od góry do dołu.
E-resize: zmień rozmiar kursora od lewej do prawej.
W-resize: zmień rozmiar kursora od prawej do lewej.
Ne-resize: Zmień rozmiar kursora dolny-lewy do prawego górnego rogu.
Nw-resize: Zmień rozmiar kursora od dołu do prawej do góry po lewej.
Zmień rozmiar: zmień rozmiar kursora od góry do lewej do prawej strony.
Sw-resize: zmień rozmiar kursora w górę w prawo na dół w lewo.
- Zauważ, że: W rzeczywistości łatwo jest zapamiętać wszystkie te właściwości na raz.
- n, s, e, w odpowiadają północowi, południu, wschodowi, zachodowi, tj. w górę, w dół, w prawo, w lewo.
- Po prostu wskaż kierunek, w którym wskazuje kursor, a następnie oczywiście „-resize”.

Firefox i Opera, ignoruj następujące wskazówki.

Dziedzicz: Nawet jako znacznik nadrzędny kursora.
Niedozwolone: Okrągły przekrój w kształcie kursora.
Bez kropli: dłoni w kształcie kursora z palcami i okrągłego rozłożonego rzutu.
Col-resize: Kursor to dwie pionowe linie ze strzałką po każdej stronie.
Zmiana rozmiaru wiersza: Kursor to dwie poziome linie ze strzałkami po każdej stronie.