Style cursor egenskap

Definition och användning

cursor Ställ in eller returnera den kursor typ som visas för muspekaren.

Se också:

CSS Referenshandbok:cursor-egenskapen

Exempel

Exempel 1

Ändra kursor:

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

Prova själv

Exempel 2

Visa alla tillgängliga kursorer:

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

Prova själv

Exempel 3

Returnera kursor_typen:

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

Prova själv

Syntax

Returnera cursor-egenskapen:

object.style.cursor

Ställ in cursor-egenskapen:

object.style.cursor = value

egenskapsvärde

värde beskrivning
alias 光标指示要创建某事物的别名。
all-scroll Muspekare indikerar att det är möjligt att rulla i alla riktningar.
auto all-scroll
Standard. Webbläsarens inställda muspekare. cell
Muspekare indikerar att det är möjligt att välja en cell (eller en grupp av celler). context-menu
Muspekare indikerar att ett kontextmeny är tillgänglig. col-resize
Muspekare indikerar att det är möjligt att justera kolumnstorlek horisontellt. copy
Muspekare indikerar innehållet som ska kopieras. crosshair
Muspekare visas som en korspekare. default
Standardmuspekare. e-resize
ew-resize Indikerar en tvärgående och lodrät storleksjusteringsmuspekare.
help Muspekare indikerar att hjälp är tillgänglig.
move Muspekare indikerar vad som ska flyttas.
n-resize Muspekare indikerar att kanten av rutan ska flyttas upp (nord).
ne-resize Muspekare indikerar att kanten av rutan ska flyttas upp och till höger (nord/öst).
nesw-resize Indikerar en tvärgående och lodrät storleksjusteringsmuspekare.
ns-resize Indikerar en tvärgående och lodrät storleksjusteringsmuspekare.
nw-resize Muspekare indikerar att kanten av rutan ska flyttas upp och till vänster (nord/väst).
nwse-resize Indikerar en tvärgående och lodrät storleksjusteringsmuspekare.
no-drop Muspekare indikerar att det är inte möjligt att lägga till droppade objekt här.
none Ingen muspekare visas för elementet.
not-allowed Muspekare indikerar att den begäran som utförs inte kommer att genomföras.
pointer Muspekare är en pekare som indikerar en länk.
progress Muspekare indikerar att programmet är sysslolöst (på gång).
row-resize Muspekare indikerar att raden kan justeras i höjdled.
s-resize Muspekare indikerar att kanten av rutan ska flyttas ner (syd).
se-resize Muspekare indikerar att kanten av rutan ska flyttas ner och till höger (syd/öst).
sw-resize Muspekare indikerar att kanten av rutan ska flyttas ner och till vänster (syd/väst).
text Muspekare indikerar att det är möjligt att välja text.
URL

En kommagranskat lista över URL:er för anpassade pekare.

Kommentar:Ange alltid den allmänna muspekaren i slutet av listan för att förhindra att det inte finns några URL-definierade pekare tillgängliga.
vertical-text Muspekare indikerar att det är möjligt att välja vertikalt textremsa.
w-resize Muspekare indikerar att kanten av rutan ska flyttas till vänster (väster).
wait Muspekare indikerar att programmet är sysslolöst.
zoom-in Muspekare indikerar att något kan förstöras.
zoom-out Muspekare indikerar att något kan förstöras.
initial Sätt detta attribut till dess standardvärde. Se initial.
inherit Följer detta attribut från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: auto
Returvärde: Sträng, som anger vad som visas som muspekare när pekaren pekar på ett element.
CSS version: CSS2

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd