Style cursor ominaisuus

Määrittely ja käyttö

cursor Aseta tai palauta haluttu osoitin-tyyppi hiiren osoittimelle.

Katso myös:

CSS-oppaasticursor-ominaisuus

Esimerkki

Esimerkki 1

Muuta osoittimen tyyppiä:

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

Kokeile itse

Esimerkki 2

Näytä kaikki saatavilla olevat osoittimet:

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

Kokeile itse

Esimerkki 3

Palauta osoittimen tyyppi:

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

Kokeile itse

Syntaksi

Palauta cursor-ominaisuus:

objekti.style.cursor

Aseta cursor-ominaisuus:

objekti.style.cursor = value

ominaisuusarvo

arvo kuvaus
alias Kursori osoittaa, että voidaan luoda jokin muu nimi jollekin.
all-scroll Kursori osoittaa, että voidaan pyöriä ympäri mihin tahansa suuntaan.
auto Oletus. Selain asettaa kursorin.
cell Kursori osoittaa, että voidaan valita solua (tai useita soluja).
context-menu Kursori osoittaa, että kontekstivalikko on saatavilla.
col-resize Kursori osoittaa, että voimme säätää sarakekoon horisontaalisesti.
copy Kursori osoittaa, että voidaan kopioida sisältöä.
crosshair Kursori näkyy ristikkona.
default Oletuskursori.
e-resize Kursori osoittaa, että viiva siirtyy oikealle (itä).
ew-resize Kaksisuuntainen koon säätökursori.
help Kursori osoittaa, että apua on saatavilla.
move Kursori osoittaa, että jotakin voidaan siirtää.
n-resize Kursori osoittaa, että viiva siirtyy ylös (pohjoiseen).
ne-resize Kursori osoittaa, että viiva siirtyy ylös ja oikealle (pohjoinen-itä).
nesw-resize Kaksisuuntainen koon säätökursori.
ns-resize Kaksisuuntainen koon säätökursori.
nw-resize Kursori osoittaa, että viiva siirtyy ylös ja vasemmalle (pohjoinen-länsi).
nwse-resize Kaksisuuntainen koon säätökursori.
no-drop Kursori osoittaa, että vetämä projekti ei voi sijoittua tähän.
none Elementille ei ole esitetty kursoria.
not-allowed Kursori osoittaa, että pyydettyä toimintaa ei suoriteta.
pointer Kursori on osoitin, joka viittaa linkkiin.
progress Kursori osoittaa, että ohjelma on käynnissä (prosessissa).
row-resize Kursori osoittaa, että riviä voidaan säätää korkeuden suhteen.
s-resize Kursori osoittaa, että viiva siirtyy alas (etelään).
se-resize Kursori osoittaa, että viiva siirtyy alas ja oikealle (etelä-itä).
sw-resize Kursori osoittaa, että viiva siirtyy alas ja vasemmalle (etelä-länsi).
text Kursori osoittaa, että voidaan valita tekstiä.
URL

Mukautetun kursorin URL-lista pilkullisina erotteluna.

Huomautus:Määritä aina yleiskursori luettelon lopussa, jotta ei ole käytettävissä minkään URL:llä määriteltyä kursoria.
vertical-text Kursori osoittaa, että voidaan valita pystysuuntainen teksti.
w-resize Kursori osoittaa, että viiva siirtyy vasemmalle (lännessä).
wait Kursori osoittaa, että ohjelma on käynnissä.
zoom-in Kursori osoittaa, että jotakin voidaan suurentaa.
zoom-out Kursori osoittaa, että jotakin voidaan suurentaa.
initial Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso: initial.
inherit Periisi elementistä tämän ominaisuuden arvo. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Palautusarvo: Merkki, joka ilmaisee hiiren osoittimen näyttämisen elementin yllä.
CSS versio: CSS2

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki