Перейти к справке CSSspan.crosshair {cursor:crosshair} span.help {cursor:help}
span.wait {cursor:wait}
Описание и использование
Свойство CSS cursor задает вид курсора при его наведении на элемент.
| Значение по умолчанию | auto |
|---|---|
| Наследование | да |
| Версия CSS | CSS 2 |
| Синтаксис JavaScript | object.style.cursor=»crosshair» |
Поддержка в браузерах
Свойство 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