Cursor

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Да Да Да Част Част Част Част Част Част Част Част Част Част Част

(Част - частично)

CSS CSS2, CSS2.1
Значение по умолчанию auto
Наследуется Да
Применяется Ко всем элементам
Аналог HTML Нет

Описание

Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы и установленных параметров.

Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту. Многих пользователей подобные изменения могут ввести в заблуждение, когда, например, вместо традиционной руки, появляющейся при наведении на ссылку, возникает нечто другое. В большинстве случаев, лучше оставить все как есть.

Синтаксис

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 ]

Значения

url
Позволяет установить свой собственный курсор, для этого нужно указать путь к файлу, в котором указана форма курсора, в формате CUR или ANI.
auto
Вид курсора по умолчанию для текущего элемента.
inherit
Наследует значение родителя.

Пример

<!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="/help1.htm" class="help">СПРАВКА 1</a><br>    <a href="/help2.htm" class="help">СПРАВКА 2</a><br>    <a href="/help3.htm" class="help">СПРАВКА 3</a>   </p>      </body> </html>

Объектная модель

[window.]document.getElementById("elementID").style.cursor

Браузеры

Некоторые браузеры поддерживают дополнительные формы курсоров. Например, Internet Explorer и Opera работает со значением hand, которое является аналогом значения pointer. Кроме того, в браузерах IE, Safari и Firefox будут действовать следующие значения: all-scroll, col-resize, no-drop, not-allowed, row-resize, vertical-text. Учтите, что указанные значения не входят в спецификацию CSS2.1, но соответствуют спецификации CSS3 (кроме hand).

Браузер Safari до версии 3.1, Opera до версии 9.6 включительно, Firefox до версии 3.0 включительно и Netscape 9 не поддерживают значение url.