Päivitetty: 10.03.2003.

Kursori

CSS2 sisältää mahdollistaa hiiren kohdistimen määrittämisen 16:n eri vaihtoehdon avulla. Lisäksi kohdistin kuvake voidan ladata palvelimelta URI -määritten avulla.


Kursori

cursor

Määrittelee käytettävän hiiren kohdistimen.

Yhteensopivuus: CSS2
Sallitut arvot: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | inherit
Oletusarvo: auto
Käyttö: kaikki elementit
Periytyvä: Kyllä
%-arvo: Ei
Media: Visual, interactive
auto
Selain valitsee kursorin automaattisesti tilanteen mukaan. (Oletusarvo)
crosshair
Yksinkertainen risti (+) -merkki.
default
Kohdistimeksi valitaan käyttäjä työasemaan määrittelemä kohdistin, yleensä nuoli.
pointer
Linkin yhteydessä käytetty kohdistin
move
Ristikkäiset nuolet, jotka tarkoittavat siirrettävää kohdetta
e-resize \ w-resize
Oikealle \ vasemmalle osoittava nuoli
ne-resize \ se-resize
Oikeaan ylä- \ alakulmaan osoittava nuoli
nw-resize \ sw-resize
Vasempaan ylä- \ alakulmaan osoittava nuoli
n-resize \ s-resize
Ylös \ alas osoittava nuoli
text
Tekstin valitsemista osoittava | -merkki
wait
Odottamista kuvaava tiimalasi, pysähtynyt kellon yms.
help
Kohdistimessa näkyy ?-merkki
<uri>
Selain voi ladata halutun kursorin uri:n määrittelemästä paikasta. Pistä viimeiseksi jokin muu avainsana, esim: cursor : url("M_ns.cur"), text; tällöin jos ladattu kursori ei toimi käytetään text -arvoa.

URI (Uniform Resource Identifiers) on XML:n tapa määrittää resursseja Internetissä. Teoriassa URI pystyy esim. etsimään peilatun kopion dokumentista, jos alkuperäistä ei löydy. URI on kehityksen alla ja toistaiseksi ainut toimivat URI on URL(Uniform Resource Locators), jolla määritellään kohteen sijainti.

<< Alkuun


esimerkkejä

p { cursor: arvo }

Vie kohdistin harmaan palkin päälle niin näet aina kyseisen avainsanan tuottaman tuloksen.

auto

crosshair

default

pointer

move

e-resize

ne-resize

nw-resize

n-resize

se-resize

sw-resize

s-resize

w-resize

text

wait

help

cursor : url("M_ns.cur"), text;

cursor : url("E_busy.ani"), text;

Ainakaan IE ei ladannut kursori, jos sijaitsi toisessa kansiossa.

<< Alkuun



© Petteri Perälä 2000 - 2003.
E-mail: [ petepe@mbnet.fi ].

Valid CSS! Valid HTML 4.01!