Definiowanie kursora myszki.


W celu zdefiniowania kursora myszki należy użyć właściwości cursor w połączeniu z selektorami. Poniższe przykłady zobrazują nam efekty formatowania.

Nazwa deklaracjiKod w headKod w bodyEfekt
cursor:autoa.auto
{cursor:auto}
<a href="../css1.png"
class="auto">auto</a>

auto

cursor:crosshaira.crosshair
{cursor:crosshair}
<a href="../css1.png" class="crosshair">crosshair</a>

crosshair
cursor:pointera.pointer
{cursor:pointer}
<a href="../css1.png" class="pointer">pointer</a>

pointer
cursor:movea.move
{cursor:move}
<a href="../css1.png" class="move">move</a>

move
cursor:waita.wait
{cursor:wait}
<a href="../css1.png" class="wait">wait</a>

wait
cursor:helpa.help
{cursor:help}
<a href="../css1.png" class="help">help</a>

help
cursor:n-resizea.n
{cursor:n-resize}
<a href="../css1.png" class="n">n-resize</a>

n-resize
cursor:e-resizea.e
{cursor:e-resize}
<a href="../css1.png" class="e">e-resize</a>

e-resize
cursor:s-resizea.s
{cursor:s-resize}
<a href="../css1.png" class="s">s-resize</a>

s-resize
cursor:w-resizea.w
{cursor:w-resize}
<a href="../css1.png" class="w">w-resize</a>

w-resize
cursor:ne-resizea.ne
{cursor:ne-resize}
<a href="../css1.png" class="ne">ne-resize</a>

ne-resize
cursor:nw-resizea.nw
{cursor:nw-resize}
<a href="../css1.png" class="nw">nw-resize</a>

nw-resize
cursor:se-resizea.se
{cursor:se-resize}
<a href="../css1.png" class="se">se-resize</a>

se-resize
cursor:sw-resizea.sw
{cursor:sw-resize}
<a href="../css1.png" class="sw">sw-resize</a>

sw-resize

do góry   menu   powrót   naprzód