atrybut Style cursor

definicja i użycie

cursor ustawienie lub zwrócenie atrybutu, który ma być wyświetlony jako kursor myszy.

patrz również:

CSS podręcznikatrybut cursor

przykład

przykład 1

zmień kursor:

document.getElementById("myP").style.cursor = "pointer";

spróbuj sam

przykład 2

wyświetl wszystkie dostępne kursorów:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

spróbuj sam

przykład 3

zwróć typ kursora:

alert(document.getElementById("myP").style.cursor);

spróbuj sam

gramatyka

zwróć atrybut cursor:

obiekt.style.cursor

ustawienie atrybutu cursor:

obiekt.style.cursor = value

wartość atrybutu

wartość opis
alias 光标指示要创建某事物的别名。
Kursor wskazuje, że można utworzyć alias dla czegoś. all-scroll
auto Kursor wskazuje, że można przewijać w dowolnym kierunku.
Domyślne. Przeglądarka ustawia kursor. cell
Kursor wskazuje, że można wybrać komórkę (lub zestaw komórek). context-menu
Kursor wskazuje, że dostępne jest menu kontekstowe. col-resize
Kursor wskazuje, że można dostosować rozmiar kolumny poziomo. copy
Kursor wskazuje, co można skopiować. crosshair
Kursor jest wyświetlany jako krzyż. default
Domyślny kursor. e-resize
ew-resize Kursor wskazuje, że można dostosować rozmiar w dwóch kierunkach.
help Kursor wskazuje, że pomoc jest dostępna.
move Kursor wskazuje, co można przesunąć.
n-resize Kursor wskazuje, że można przesunąć krawędź okna w górę (na północ).
ne-resize Kursor wskazuje, że można przesunąć krawędź okna w górę i w prawo (na północ/wschód).
nesw-resize Kursor wskazuje, że można dostosować rozmiar w dwóch kierunkach.
ns-resize Kursor wskazuje, że można dostosować rozmiar w dwóch kierunkach.
nw-resize Kursor wskazuje, że można przesunąć krawędź okna w górę i w lewo (na północ/zachód).
nwse-resize Kursor wskazuje, że można dostosować rozmiar w dwóch kierunkach.
no-drop Kursor wskazuje, że można nie umieszczać tutaj przeciąganego elementu.
none Kursor nie jest wyświetlany dla tego elementu.
not-allowed Kursor wskazuje, że żądane działanie nie zostanie wykonane.
pointer Kursor wskazuje, że to jest wskaźnik linku.
progress Kursor wskazuje, że program jest zajęty (w toku).
row-resize Kursor wskazuje, że można zmienić rozmiar wiersza w pionie.
s-resize Kursor wskazuje, że można przesunąć krawędź okna w dół (na południe).
se-resize Kursor wskazuje, że można przesunąć krawędź okna w dół i w prawo (południe/wschód).
sw-resize Kursor wskazuje, że można przesunąć krawędź okna w dół i w lewo (południe/zachód).
text Kursor wskazuje, że można wybrać tekst.
URL

Lista rozdzielona przecinkami zawierająca URL-y niestandardowych kursorów.

Komentarz:Zawsze określ ogólny kursor na końcu listy, aby uniknąć sytuacji, w której nie można użyć żadnego kursora zdefiniowanego przez URL.
vertical-text Kursor wskazuje, że można wybrać wiersz tekstu.
w-resize Kursor wskazuje, że można przesunąć krawędź okna w lewo (na zachód).
wait Kursor wskazuje, że program jest zajęty.
zoom-in Kursor wskazuje, że można powiększyć coś.
zoom-out Kursor wskazuje, że można powiększyć coś.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: auto
Zwracana wartość: Ciąg znaków, który wskazuje, co ma być wyświetlone jako kursor myszy, gdy wskaźnik myszy jest nad elementem.
Wersja CSS: CSS2

Wsparcie przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie