Облегчить душу

cursor

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

Песочница

Табл. 1. Вид курсора
ВидЗначениеТестПримерПримечание
defaultP {cursor: default} 
context-menuP {cursor: context-menu}Отображается только в IE10+.
helpP {cursor: help} 
pointerP {cursor: pointer} 
progressP {cursor: progress} 
waitP {cursor: wait} 
cellP {cursor: cell} 
crosshairP {cursor: crosshair} 
textP {cursor: text} 
vertical-textP {cursor: vertical-text} 
aliasP {cursor: alias} 
copyP {cursor: copy} 
moveP {cursor: move} 
no-dropP {cursor: no-drop}Все браузеры, кроме IE, отображают как not-allowed.
not-allowedP {cursor: not-allowed} 
all-scrollP {cursor: all-scroll} 
col-resizeP {cursor: col-resize} 
row-resizeP {cursor: row-resize} 
n-resizeP {cursor: n-resize} 
ne-resizeP {cursor: ne-resize} 
e-resizeP {cursor: e-resize} 
se-resizeP {cursor: se-resize} 
s-resizeP {cursor: s-resize} 
sw-resizeP {cursor: sw-resize} 
w-resizeP {cursor: w-resize} 
nw-resizeP {cursor: nw-resize} 
nesw-resizeP {cursor: nesw-resize} 
nwse-resizeP {cursor: nwse-resize} 
zoom-inP {cursor: zoom-in}IE не поддерживает.
zoom-outP {cursor: zoom-out}IE не поддерживает.
grabP {cursor: grab}Chrome, Opera, Safari поддерживают значение -webkit-grab. IE не поддерживает.
grabbingP {cursor: grabbing}Chrome, Opera, Safari поддерживают значение -webkit-grabbing. IE не поддерживает.

Краткая информация

Значение по умолчаниюauto
НаследуетсяДа
ПрименяетсяКо всем элементам
АнимируетсяНет

Значения

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

В зависимости от операционной системы и её настроек вид курсора может отличаться от приведённых в таблице.

При добавлении курсора из файла синтаксис несколько видоизменится.

cursor: url(<адрес>), url(<адрес>), ..., <курсор>

Через запятую допускается указывать несколько значений url, в этом случае браузер попытается открыть первый файл с курсором и если это по каким-либо причинам не получится, перейдёт к следующему файлу. Список обязательно заканчивается ключевым словом, например, auto или pointer, допустимые значения перечислены выше.

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !