>> English << | česky | PortuguêsZVON > Tutorials > CSS2 tutorial
Intro / Search / ZVON
>> Example 40 << | Prev | Next | Index | Contents

The shape of the cursor moving over an element can be changed to following values: auto, crosshair, default, pointer, move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help. URI can be used to defined user defined cursor.

XML SourceCSS stylesheetExample link
(1)
     <AAA>
          <auto>auto</auto>
          <crosshair>crosshair</crosshair>
          <default>default</default>
          <pointer>pointer</pointer>
          <move>move</move>
          <e-resize>e-resize</e-resize>
          <ne-resize>ne-resize</ne-resize>
          <nw-resize>nw-resize</nw-resize>
          <n-resize>n-resize</n-resize>
          <se-resize>se-resize</se-resize>
          <sw-resize>sw-resize</sw-resize>
          <s-resize>s-resize</s-resize>
          <w-resize>w-resize</w-resize>
          <text>text</text>
          <wait>wait</wait>
          <help>help</help>
          <uri>uri</uri>
     </AAA>
auto {cursor: auto}
crosshair {cursor: crosshair}
default {cursor: default}
pointer {cursor: pointer}
move {cursor: move}
e-resize {cursor: e-resize}
ne-resize {cursor: ne-resize}
nw-resize {cursor: nw-resize}
n-resize {cursor: n-resize}
se-resize {cursor: se-resize}
sw-resize {cursor: sw-resize}
s-resize {cursor: s-resize}
w-resize {cursor: w-resize}
text {cursor: text}
wait {cursor: wait}
help {cursor: help}
uri {cursor: url("chrome://navigator/skin/home.gif")}
View output