CSS 2 Example 40

>> English << | česky | Português ZVON > 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

AltStyle によって変換されたページ (->オリジナル) /