Браузер |
![]() |
![]() |
![]() |
![]() |
![]() |
|||||||||||||||
Версия |
6.0 |
7.0 |
8.0 |
9.0 |
2.0 |
3.0 |
4.0 |
5.0 |
9.2 |
9.6 |
10 |
2.0 |
3.1 |
4.0 |
5.0 |
2.0 |
3.0 |
3.6 |
4.0 |
|
Поддержка |
CSS | CSS2+ |
Значение по умолчанию | auto |
Наследуется | Да |
Применяется | Ко всем элементам |
Ссылка на спецификацию | открыть в новой вкладке |
cursor: [url('путь к курсору'),] | [ auto | crosshair | default | e-resize | help | move | n-resize | ne-resize | nw-resize | pointer | progress | s-resize | se-resize | sw-resize | text | w-resize | wait | inherit ]
Вид |
Значение |
Тест |
Пример |
![]() |
default | P {cursor: default} |
|
![]() |
crosshair | P {cursor: crosshair} |
|
![]() |
help | P {cursor: help} |
|
![]() |
move | P {cursor: move} |
|
![]() |
pointer | P {cursor: pointer} |
|
![]() |
progress | P {cursor: progress} |
|
![]() |
text | P {cursor: text} |
|
![]() |
wait | P {cursor: wait} |
|
![]() |
n-resize | P {cursor: n-resize} |
|
![]() |
ne-resize | P {cursor: ne-resize} |
|
![]() |
e-resize | P {cursor :e-resize} |
|
![]() |
se-resize | P {cursor: se-resize} |
|
![]() |
s-resize | P {cursor: s-resize} |
|
![]() |
sw-resize | P {cursor: sw-resize} |
|
![]() |
w-resize | P {cursor: w-resize} |
|
![]() |
nw-resize | P {cursor :nw-resize} |
cursor: url('путь к курсору1'), url('путь к курсору2'), ..., <ключевое слово>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>cursor</title>
<style type="text/css">
.cross { cursor: crosshair; }
.help { cursor: help; }
</style>
</head>
<body>
<p class="cross">На этом тексте курсор мыши примет вид перекрестья.</p>
<p>
<a href="help.html" class="help">СПРАВКА 1</a><br />
<a href="help.html" class="help">СПРАВКА 2</a><br />
<a href="help.html" class="help">СПРАВКА 3</a>
</p>
</body>
</html>