Браузер |
 Internet Explorer |
 Chrome |
 Opera |
 Safari |
 Firefox |
|||||||||||||||
Версия |
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>
