Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS cursor

Перейти к справке CSS

span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}


Описание и использование

Свойство CSS cursor задает вид курсора при его наведении на элемент.

Значение по умолчанию auto
Наследование да
Версия CSS CSS 2
Синтаксис JavaScript object.style.cursor="crosshair"

Поддержка в браузерах

Chrome Firefox Internet Explorer Opera Safari
Свойство cursor поддерживается всеми основными браузерами.

Заметка: Opera 9.3 и Safari 3 не поддерживают значение URL.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.


Возможные значения свойства cursor

Наведите, на текст описания, для того, чтобы посмотреть, как будет выглядеть курсор.

Значение Описание
URL Путь (URL) к файлу изображения курсора, если их несколько, пути разделяются запятыми. Заметка: Всегда указывайте последним один из общих видов курсора, на случай, если указанные вами файлы не будут найдены
auto По умолчанию. Браузер сам определяет вид курсора для различных элементов
crosshair Плюсик
default Курсор в виде стрелки
e-resize Курсор указывает на то, что можно растянуть элемент вправо(east — восток)
help Стрелка со знаком вопроса, стандартный курсор для справочной информации
move Курсор перемещения объекта, в виде четырехстрелочного креста
n-resize Курсор указывает на то, что можно растянуть элемент вверх(north — север)
ne-resize Курсор указывает на то, что можно растянуть элемент вверх/вправо(north/east — северо-восток)
nw-resize Курсор указывает на то, что можно растянуть элемент вверх/влево (north/west — северо-запад)
pointer Курсор в виде перста указующего
progress Курсор, показывающий что программа выполняется, но сейчас действия недоступны (песочные часы со стрелкой)
s-resize Курсор указывает на то, что можно растянуть элемент вниз (south — юг)
se-resize Курсор указывает на то, что можно растянуть элемент вниз/вправо (south/east — юго-восток)
sw-resize Курсор указывает на то, что можно растянуть элемент вниз/влево (south/west — юго-запад)
text Курсор ввода текста
w-resize Курсор указывает на то, что можно растянуть элемент влево (west — запад)
wait Программа затупила — так называют это состояние пользователи Windows и крутят мышку по часовой или против часовой стрелки в зависимости от своих религиозных, партийных и других предубеждений
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Отображение различных элементов в CSS


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта