Cursor

Усі типи:

alias

copy

grabbing

ns-resize

pointer

text

all-scroll

crosshair

help

nw-resize

progress

url

auto

default

move

nwse-resize

row-resize

w-resize

cell

e-resize

n-resize

no-drop

s-resize

wait

col-resize

ew-resize

ne-resize

none

se-resize

zoom-in

context-menu

grab

nesw-resize

not-allowed

sw-resize

zoom-out

Подивитися візуально можна тут:

Простий синтаксис

<span style="cursor:help">help</span>
<p style="cursor:wait">wait</p>

або за допомогою стилів:

<!DOCTYPE html>
<html>
<head>

<style>
.cell {cursor: cell;}
.move {cursor: move;}
.pointer {cursor: pointer;}
</style>

</head>
<body>

<h1>The cursor Property</h1>
<p>Mouse over the words to change the mouse cursor.</p>

<p class="cell">cell</p>
<p class="move">move</p>
<p class="pointer">pointer</p>

</body>
</html>

PreviousПсевдоелементи ::after і ::beforeNextОб использовании нестандартных пробелов

Last updated