CSS kursori ominaisuus

Määrittely ja käyttö

cursor-ominaisuus määrittää näytettävän osoittimen tyyppin (muodon).

Tämä ominaisuus määrittää hiiren osoittimen muodon, kun se on elementin reunan sisällä (vaikka CSS2.1 ei määrittele, mikä reunus määrittää tämän alueen).

Katso myös:

CSS-opetusohjelma:CSS-sijoittelu

HTML DOM -viittausoppikirja:cursor-ominaisuus

Esimerkki

Joitakin erilaisia kursoria:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

Kokeile itse

CSS-syntax

cursor: value;

Ominaisuuden arvo

Arvo Kuvaus
url

Käytettävä mukautetun kursorin URL.

Huomautus:Aseta aina tämän listan loppuun yleinen kursori, jos URL:llä määriteltyä kursoria ei ole saatavilla.
default Oletuskursori (yleensä nuoli)
auto Oletus. Selaimen asettama kursori.
crosshair Kursori esitetään ristikkoksi.
pointer Kursori esitetään viittaavaksi linkkiin osoittavalla sormella (käsivarsi).
move Tämä kursori viittaa siihen, että jokin objekti voidaan siirtää.
e-resize Tämä kursori viittaa suorakulmion reunan siirtymiseen oikealle (itä).
ne-resize Tämä kursori viittaa suorakulmion reunan siirtymiseen ylös ja oikealle (pohjoinen/itä).
nw-resize Tämä kursori viittaa suorakulmion reunan siirtymiseen ylös ja vasemmalle (pohjoinen/länsi).
n-resize Tämä kursori viittaa suorakulmion reunan siirtymiseen ylös (pohjoinen).
se-resize Tämä kursori viittaa suorakulmion reunan siirtymiseen alas ja oikealle (etelä/itä).
sw-resize Tämä kursori viittaa suorakulmion reunan siirtymiseen alas ja vasemmalle (etelä/länsi).
s-resize Tämä kursori viittaa suorakulmion reunan siirtymiseen alas (etelä).
w-resize Tämä kursori viittaa suorakulmion reunan siirtymiseen vasemmalle (länsi).
text Tämä kursori viittaa tekstiin.
wait Tämä kursori viittaa siihen, että ohjelma on kiireinen (yleensä taulu tai siirtohauras).
help Tämä kursori viittaa saatavilla olevaan apuun (yleensä kysymysmerkki tai ballooni).

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: kyllä
Versio: CSS2
JavaScript-syntax: object.style.cursor="crosshair"

TIY-esimerkki

Muuta kursoria
Tämä esimerkki näyttää, miten muutetaan kursoria.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täyttä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
5.0 5.5 4.0 5.0 9.6

Huomautus:Opera 9.3 ja Safari 3 eivät tue url arvo.