| |
Описание
Устанавливает форму курсора, когда он находится в пределах элемента. Вид
курсора зависит от
операционной системы и установленных параметров.
Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет
ли он
использоваться к месту. Многих пользователей подобные изменения могут ввести в
заблуждение, когда,
например, вместо традиционной руки, появляющейся при наведении на ссылку,
возникает нечто другое. В
большинстве случаев, лучше оставить все как есть.
Синтаксис
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
]
Значения
Позволяет установить свой собственный курсор, для этого нужно указать путь к
файлу, в
котором указана форма курсора, в формате CUR или ANI.
Вид курсора по умолчанию для текущего элемента.
Наследует значение родителя.
Остальные допустимые значения приведены в табл. 1.
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 Нет
Ссылка на спецификацию http://www.w3.org/TR/CSS21/ui.html#cursor-props
url
auto
inherit
Табл. 1. Вид курсора
Вид Значение Тест Пример
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}
В зависимости от операционной системы и ее настроек вид курсора может
отличаться от приведенных в
таблице.
Пример
cursor
На этом тексте курсор мыши примет вид перекрестья.
СПРАВКА 1
СПРАВКА 2
СПРАВКА 3
Результат данного примера показан ни рис. 1.
Рис. 1. Применение свойства cursor
Объектная модель
[window.]document.getElementById("elementID").style.cursor
Браузеры
Некоторые браузеры поддерживают дополнительные формы курсоров. Например,
Internet Explorer и Opera
работает со значением hand, которое является аналогом значения pointer. Кроме
|
|
