Najnowsze tutoriale tworzenie stron internetowych
 

Style cursor Property

<Style obiektu

Przykład

Zmień kursor:

document.getElementById("myP").style.cursor = "pointer";
Spróbuj sam "

Definicja i Wykorzystanie

Zestawy Kursor lub zwraca typ kursora, aby wyświetlić na wskaźniku myszy.


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość kursor jest dostępna we wszystkich głównych przeglądarkach.


Składnia

Zwraca właściwość kursora:

object .style.cursor

Ustaw właściwość kursora:

object .style.cursor= wartości nieruchomości
Wartość Opis
alias Kursor wskazuje aliasem coś ma być utworzona
all-scroll Kursor wskazuje, że coś może być przewijane w dowolnym kierunku
auto Zaniedbanie. Przeglądarka ustawia kursor
cell Kursor wskazuje, że komórki (or set of cells) mogą być wybrane
context-menu Kursor wskazuje, że kontekst-menu jest dostępne
col-resize Kursor oznacza, że ​​kolumna może być zmniejszone w poziomie
copy Kursor wskazuje coś ma być skopiowane
crosshair Kursor wyświetlane jako krzyżyk
default Domyślną kursor
e-resize Kursor wskazuje, że krawędź pola ma być przesunięty w prawo (east)
ew-resize Wskazuje dwukierunkowy kursor zmiany rozmiaru
help Kursor wskazuje, że pomoc jest dostępna
move Kursor wskazuje coś ma być przeniesiony
n-resize Kursor wskazuje, że krawędź ramki jest przemieszczanie w górę (north)
ne-resize Kursor wskazuje, że krawędź pole ma być przesunięty w górę iw prawo (north/east)
nesw-resize Wskazuje dwukierunkowy kursor zmiany rozmiaru
ns-resize Wskazuje dwukierunkowy kursor zmiany rozmiaru
nw-resize Kursor wskazuje, że krawędź pola ma być przemieszczana do góry i na lewo (north/west)
nwse-resize Wskazuje dwukierunkowy kursor zmiany rozmiaru
no-drop Kursor wskazuje, że przeciągany element nie może zostać pominięte tutaj
none Kursor nie staje się na elemencie
not-allowed Kursor wskazuje, że żądana akcja nie zostanie wykonana
pointer Kursor jest wskaźnikiem i wskazuje link
progress Kursor wskazuje, że program jest zajęty (in progress)
row-resize Kursor wskazuje, że rząd może być zmieniany w pionie
s-resize Kursor wskazuje, że krawędź pola ma być przesunięty w dół (south)
se-resize Kursor wskazuje, że krawędź pole ma być przesunięty w dół iw prawo (south/east)
sw-resize Kursor wskazuje, że krawędź pola ma być przesunięty w dół i w lewo (south/west)
text Kursor oznacza fragment, który może być wybrany
URL Oddzielone przecinkami listę adresów URL do niestandardowych kursorów. Note: Zawsze określić ogólny kursor na końcu listy, w przypadku gdy żaden z kursorami URL zdefiniowane mogą być stosowane
vertical-text Kursor oznacza pionową tekstowe, mogą być wybrane
w-resize Kursor wskazuje, że krawędź pola ma być przesunięta w lewo (west)
wait Kursor wskazuje, że program jest zajęty
zoom-in Kursor wskazuje, że coś może być powiększony
zoom-out Kursor wskazuje, że coś może być pomniejszony
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: automatyczny
Zwracana wartość: Ciąg reprezentujący wyświetlany kursor myszy, gdy wskaźnik myszy znajduje się nad elementem
Wersja CSS CSS2

Więcej przykładów

Przykład

Pokaż wszystkie dostępne kursory:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Spróbuj sam "

Przykład

Zwraca typ kursora:

alert(document.getElementById("myP").style.cursor);
Spróbuj sam "

Podobne strony

Odniesienie CSS: cursor property


<Style obiektu