Ultimele tutoriale de dezvoltare web
 

Style cursor Property

<Style Object

Exemplu

Schimbarea cursorului:

document.getElementById("myP").style.cursor = "pointer";
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate cursorului sau returnează tipul de cursor pentru a afișa pentru cursorul mouse-ului.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea cursorul este acceptat în toate browserele majore.


Sintaxă

Întoarcere proprietatea cursorului:

object .style.cursor

Setați proprietatea cursorului:

object .style.cursor= Valori de proprietate
Valoare Descriere
alias Cursorul indică un alias de ceva este de a fi creat
all-scroll Cursorul indică faptul că ceva poate fi defilat în orice direcție
auto Mod implicit. Browser-ul setează un cursor
cell Cursorul indică faptul că o celulă (or set of cells) un (or set of cells) pot fi selectate
context-menu Cursorul indică faptul că un meniu contextual este disponibil
col-resize Cursorul indică faptul că coloana pot fi redimensionate orizontal
copy Cursorul indică ceva este de a fi copiat
crosshair Cursorul face ca reticul
default Cursorul implicit
e-resize Cursorul indică faptul că o margine a unei cutii este de a fi mutat dreapta (east)
ew-resize Indică un cursor de redimensionare bidirecțională
help Cursorul indică faptul că ajutorul este disponibil
move Cursorul indică ceva este de a fi mutat
n-resize Cursorul indică faptul că o muchie a unei cutii este să fie mutat în sus (north)
ne-resize Cursorul indică faptul că o margine a unei cutii este de a fi deplasat în sus și în dreapta (north/east)
nesw-resize Indică un cursor de redimensionare bidirecțională
ns-resize Indică un cursor de redimensionare bidirecțională
nw-resize Cursorul indică faptul că o margine a unei cutii este de a fi deplasat în sus și la stânga (north/west)
nwse-resize Indică un cursor de redimensionare bidirecțională
no-drop Cursorul indică faptul că elementul târât nu poate fi abandonată aici
none Nu cursorul este redat pentru elementul
not-allowed Cursorul indică faptul că acțiunea solicitată nu va fi executat
pointer Cursorul este un pointer și indică un link
progress Cursorul indică faptul că programul este ocupat (in progress)
row-resize Cursorul indică faptul că rândul pot fi redimensionate vertical
s-resize Cursorul indică faptul că o margine a unei cutii este de a fi mutat în jos (south)
se-resize Cursorul indică faptul că o margine a unei cutii este de a fi mutat în jos și la dreapta (south/east)
sw-resize Cursorul indică faptul că o margine a unei cutii este de a fi mutat în jos și la stânga (south/west)
text Cursorul indică text care poate fi selectat
URL O virgulă listă de URL-uri separate la cursoare personalizate. Note: specificați întotdeauna un cursor generic la sfârșitul listei, în cazul în care nici unul dintre cursoarele definite de URL - ul poate fi utilizat
vertical-text Cursorul indică vertical text care poate fi selectat
w-resize Cursorul indică faptul că o muchie a unei cutii să fie mutat la stânga (west)
wait Cursorul indică faptul că programul este ocupat
zoom-in Cursorul indică faptul că ceva poate fi mărită
zoom-out Cursorul indică faptul că ceva poate fi mărită în
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: auto
Întoarcere Valoare: Un șir, reprezentând cursorul mouse-ului afișat atunci când cursorul mouse-ului peste un element
CSS Versiune CSS2

Mai multe exemple

Exemplu

Arată toate cursoare disponibile:

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
Încearcă - l singur »

Exemplu

Întoarcere tipul de cursor:

alert(document.getElementById("myP").style.cursor);
Încearcă - l singur »

Pagini similare

Referință CSS: cursor property


<Style Object