Style cursor eigenschap

Definitie en gebruik

cursor Instellen of retourneren van het soort cursor dat moet worden weergegeven voor de muispijler.

Zie ook:

CSS Referentiemanual:cursor-eigenschap

Voorbeeld

Voorbeeld 1

Verander cursor:

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

Probeer het zelf

Voorbeeld 2

Toon alle beschikbare cursors:

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

Probeer het zelf

Voorbeeld 3

Retourneren van het soort cursor:

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

Probeer het zelf

Syntax

Retourneren van cursor-eigenschap:

object.style.cursor

Instellen van cursor-eigenschap:

object.style.cursor = waarde

eigenschapswaarde

waarde beschrijving
alias 光标指示要创建某事物的别名。
光标指示要创建某事物的别名。 De cursor geeft aan dat er kan worden gescrolld in elke richting.
auto all-scroll
Standaard. De browser stelt de cursor in. cell
De cursor geeft aan dat een cel (of een groep cellen) kan worden geselecteerd. context-menu
De cursor geeft aan dat een contextmenu beschikbaar is. col-resize
De cursor geeft aan dat kolommen horizontaal kunnen worden aangepast. copy
De cursor geeft aan wat moet worden gekopieerd. crosshair
De cursor wordt weergegeven als kruis. default
Standaard cursor. e-resize
ew-resize De cursor geeft aan dat een bidirectionele resizemus wordt aangeduid.
help De cursor geeft aan dat hulp beschikbaar is.
move De cursor geeft aan wat moet worden verplaatst.
n-resize De cursor geeft aan dat de rand van het vak naar boven moet worden verplaatst (noordelijk).
ne-resize De cursor geeft aan dat de rand van het vak naar boven en rechts moet worden verplaatst (noord/oost).
nesw-resize De cursor geeft aan dat een bidirectionele resizemus wordt aangeduid.
ns-resize De cursor geeft aan dat een bidirectionele resizemus wordt aangeduid.
nw-resize De cursor geeft aan dat de rand van het vak naar boven en links (noord/west) moet worden verplaatst.
nwse-resize De cursor geeft aan dat een bidirectionele resizemus wordt aangeduid.
no-drop De cursor geeft aan dat het gedragen item niet hier kan worden geplaatst.
none Er wordt geen cursor weergegeven voor het element.
not-allowed De cursor geeft aan dat de gevraagde actie niet zal worden uitgevoerd.
pointer De cursor is een pijl, die een koppeling aanduidt.
progress De cursor geeft aan dat het programma bezig is (in uitvoering).
row-resize De cursor geeft aan dat de regel kan worden aangepast in hoogte.
s-resize De cursor geeft aan dat de rand van het vak naar beneden (zuidelijk) moet worden verplaatst.
se-resize De cursor geeft aan dat de rand van het vak naar beneden en rechts (zuid/oost) moet worden verplaatst.
sw-resize De cursor geeft aan dat de rand van het vak naar beneden en links (zuid/west) moet worden verplaatst.
text De cursor geeft aan dat tekst kan worden geselecteerd.
URL

Een komma-gescheiden lijst van URL's voor aangepaste cursors.

Opmerking:Specificeer altijd de algemene cursor aan het einde van de lijst, zodat er geen cursor beschikbaar is die is gedefinieerd door een URL.
vertical-text De cursor geeft aan dat verticale tekst kan worden geselecteerd.
w-resize De cursor geeft aan dat de rand van het vak links (westelijk) moet worden verplaatst.
wait De cursor geeft aan dat het programma bezig is.
zoom-in De cursor geeft aan dat iets kan worden vergroot.
zoom-out De cursor geeft aan dat iets kan worden vergroot.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Retourwaarde: Een string die aangeeft wat wordt weergegeven als de muispijl op een element wordt gehouden.
CSS version: CSS2

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support