|
|
|
|
 Far |
| WinNavigator |
| Frigate |
| Norton
Commander |
| WinNC |
| Dos
Navigator |
| Servant
Salamander |
| Turbo
Browser |
|
|
| Winamp,
Skins, Plugins |
| Необходимые
Утилиты |
| Текстовые
редакторы |
| Юмор |
|
|
|
File managers and best utilites |
cursor. При каком значении свойства cursor курсор задает браузер
cursor - Веб-технологии для разработчиков
Описание
The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.
| auto |
| все элементы |
| да |
| визуальный, интерактивный |
| как указано, но с абсолютными значениями url |
| discrete |
| уникальный неоднозначный порядок, определённый формальной грамматикой |
Синтаксис
/* Применение ключевых значений */ cursor: pointer; cursor: auto; /* Использование URL и координат */ cursor: url(cursor1.png) 4 12, auto; cursor: url(cursor2.png) 2 2, pointer; /* Глобальные значения */ cursor: inherit; cursor: initial; cursor: unset;
Значения
<uri> A url(…) or a comma separated list url(…), url(…), …, pointing to an image file. More than one <uri> may be provided as fallback, in case some cursor image types are not supported. A non-URL fallback (one or more of the other values) must be at the end of the fallback list. See Using URL values for the cursor property for more details. <x> <y> Optional x- and y-coordinates. Two unit-less non-negative numbers less than 32. Ключевые слова Наведите курсор на картинку, чтобы увидеть пример в действии:
Формальный синтаксис
[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]Примеры
.foo { cursor: crosshair; } /* use prefixed-value if "zoom-in" isn't supported */ .bar { cursor: -webkit-zoom-in; cursor: zoom-in; } /* standard cursor value as fallback for url() must be provided (doesn't work without) */ .baz { cursor: url(hyper.cur), auto; }
Спецификации
Совместимость с браузерами
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| auto, crosshair, default, move, text, wait, help,n-resize, e-resize, s-resize, w-resize,ne-resize, nw-resize, se-resize, sw-resize | 1.0 | 1.0 | 4.0[1] | 7.0 | 1.2 |
| pointer, progress | 1.0 | 1.0 | 6.0 | 7.0 | 1.2 |
| url() | 1.0 | 1.54.0[2] | 6.0 | ? | 3.0 |
| Positioning syntax for url() values | (Да) | (Да) | Нет | ? | (Да) |
| not-allowed, no-drop, vertical-text, all-scroll,col-resize, row-resize | 1.0 | 1.5 | 6.0 | 10.6 | 3.0 |
| alias, cell, copy,ew-resize, ns-resize, nesw-resize, nwse-resize | 1.0 | 1.5 | 10.0 | 10.6 | 3.0 |
| context-menu | 1.0[3] | 1.5[3] | 10.0 | 10.6 | 3.0 |
| none | 5.0 | 3.0 | 9.0 | ? | 5.0 |
| inherit | 1.0 | 1.0 | 8.0 | 9.0 | 1.2 |
| zoom-in, zoom-out | 1.0 -webkit-37 | 1.0 -moz-24.0 | Нет | 11.615-23 -webkit-24 | 3.0 -webkit-9 |
| grab, grabbing | 1.0 -webkit-22.0 -webkit-[4] | 1.5 -moz-27.0 | Нет | (Да) | 4.0 -webkit- |
| auto, crosshair, default, move, text, wait, help,n-resize, e-resize, s-resize, w-resize,ne-resize, nw-resize, se-resize, sw-resize | ? | ? | ? | ? | ? |
| pointer, progress | ? | ? | ? | ? | ? |
| url() | ? | ? | ? | ? | ? |
| Positioning syntax for url() values | ? | ? | ? | ? | ? |
| not-allowed, no-drop, vertical-text, all-scroll,col-resize, row-resize | ? | ? | ? | ? | ? |
| alias, cell, copy,ew-resize, ns-resize, nesw-resize, nwse-resize | ? | ? | ? | ? | ? |
| context-menu | ? | ? | ? | ? | ? |
| none | ? | ? | ? | ? | ? |
| inherit | ? | ? | ? | ? | ? |
| zoom-in, zoom-out | ? | ? | ? | ? | ? |
| grab, grabbing | ? | ? | ? | ? | ? |
[1] In IE11, when cursor is applied to an element and this element is underneath an open <select> menu and the user hovers over a <select> menu item that's on top of said element, the cursor for said element will be displayed rather than the <select>'s normal cursor. See IE bug 963961.
[2] Support for this was added in Mac OS X.
[3] Only supported in Mac OS X and Linux.
[4] Support for this was added in Windows.
Смотрите также
Метки документа и участники
Обновлялась последний раз: mikak, 29 авг. 2017 г., 5:29:42developer.mozilla.org
cursor - CSS: Cascading Style Sheets
The cursor CSS property specifies which mouse cursor to display when the mouse pointer is over an element.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Syntax
/* Keyword value */ cursor: pointer; cursor: auto; /* URL, with a keyword fallback */ cursor: url(hand.cur), pointer; /* URL and coordinates, with a keyword fallback */ cursor: url(cursor1.png) 4 12, auto; cursor: url(cursor2.png) 2 2, pointer; /* Global values */ cursor: inherit; cursor: initial; cursor: unset;Each <url> may be optionally followed by a pair of space-separated numbers, which represent <x><y> coordinates. These will set the cursor's hotspot, relative to the top-left corner of the image.
For example, this specifies two images using <url> values, providing <x><y> coordinates for the second one, and falling back to the progress keyword value if neither image can be loaded:
cursor: url(one.svg), url(two.svg) 5 5, progress;Values
<url> A url(…) or a comma separated list url(…), url(…), …, pointing to an image file. More than one <url> may be provided as fallbacks, in case some cursor image types are not supported. A non-URL fallback (one or more of the keyword values) must be at the end of the fallback list. See Using URL values for the cursor property for more details. <x> <y> Optional x- and y-coordinates. Two unitless nonnegative numbers less than 32. Keyword values| General | auto | The browser will determine the cursor to display based on the context. E.g., equivalent to text when hovering text. | |
| default |  | No special behavior is present. Typically an arrow. | |
| none | No cursor is rendered. | ||
| Links & status | context-menu |  | A context menu is available. |
| help |  | Help information is available. | |
| pointer |  | The element can be interacted with by clicking on it. Used, e.g., when hovering over links. Typically an image of a hand. | |
| progress |  | The program is busy in the background, but the user can still interact with the interface (in contrast to wait). | |
| wait |  | The program is busy, and the user can't interact with the interface (in contrast to progress). Sometimes an image of an hourglass or a watch. | |
| Selection | cell |  | The table cell can be selected. |
| crosshair |  | Cross cursor, often used to indicate selection in a bitmap. | |
| text |  | The text can be selected. Typically the shape of an I-beam. | |
| vertical-text |  | The vertical text can be selected. Typically the shape of a sideways I-beam. | |
| Drag & drop | alias |  | An alias or shortcut is to be created. |
| copy |  | Something can be copied. | |
| move |  | ||
| no-drop |  | An item may not be dropped at the current location.bug 275173: On Windows and Mac OS X, no-drop is the same as not-allowed. | |
| not-allowed |  | Something can't be done. | |
| Resize & scrolling | all-scroll |  | Something can be scrolled in any direction (panned).bug 275174: On Windows, all-scroll is the same as move. |
| col-resize |  | The item/column can be resized horizontally. Often rendered as arrows pointing left and right with a vertical bar separating them. | |
| row-resize |  | The item/row can be resized vertically. Often rendered as arrows pointing up and down with a horizontal bar separating them. | |
| n-resize |  | Some edge is to be moved. For example, the se-resize cursor is used when the movement starts from the south-east corner of the box.In some environments, an equivalent bidirectional resize cursor is shown. For example, n-resize and s-resize are the same as ns-resize. | |
| e-resize |  | ||
| s-resize |  | ||
| w-resize |  | ||
| ne-resize |  | ||
| nw-resize |  | ||
| se-resize |  | ||
| sw-resize |  | ||
| ew-resize |  | Bidirectional resize cursor. | |
| ns-resize |  | ||
| nesw-resize |  | ||
| nwse-resize |  | ||
| Zoom | zoom-in |  | Something can be zoomed (magnified) in or out. |
| zoom-out |  | ||
| Grab | grab |  | Something can be grabbed (dragged to be moved). |
| grabbing |  |
Formal syntax
[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]Examples
.foo { cursor: crosshair; } .bar { cursor: zoom-in; } /* A fallback keyword value is required when using a URL */ .baz { cursor: url("hyper.cur"), auto; }Specifications
| auto |
| all elements |
| yes |
| as each of the properties of the shorthand: |
| as specified, but with <url> values made absolute |
| discrete |
| the unique non-ambiguous order defined by the formal grammar |
Browser compatibility
| Basic support | 1 | 12 | 1 | 41 | 7 | 1.2 |
| auto | 1 | 12 | 1 | 4 | 7 | 1.2 |
| default | 1 | 12 | 1 | 4 | 7 | 1.2 |
| inherit | 1 | 12 | 1 | 8 | 9 | 1.2 |
| none | 5 | 12 | 3 | 9 | 15 | 5 |
| context-menu | 12 | 12 | 1.52 | 10 | 10.6 | 3 |
| help | 1 | 12 | 1 | 4 | 7 | 1.2 |
| pointer | 1 | 12 | 1 | 6 | 7 | 1.2 |
| progress | 1 | 12 | 1 | 6 | 7 | 1.2 |
| wait | 1 | 12 | 1 | 4 | 7 | 1.2 |
| cell | 1 | 12 | 1.5 | 10 | 10.6 | 3 |
| crosshair | 1 | 12 | 1 | 4 | 7 | 1.2 |
| text | 1 | 12 | 1 | 4 | 7 | 1.2 |
| vertical-text | 1 | 12 | 1.5 | No | 10.6 | 3 |
| alias | 1 | 12 | 1.5 | 10 | 10.6 | 3 |
| copy | 1 | 12 | 1.5 | 10 | 10.6 | 3 |
| move | 1 | 12 | 1 | 4 | 7 | 1.2 |
| no-drop | 1 | 12 | 1.5 | 6 | 10.6 | 3 |
| not-allowed | 1 | 12 | 1.5 | 6 | 10.6 | 3 |
| all-scroll | 1 | 12 | 1.5 | 6 | 10.6 | 3 |
| col-resize | 1 | 12 | 1.5 | 6 | 10.6 | 3 |
| row-resize | 1 | 12 | 1.5 | 6 | 10.6 | 3 |
| Unidirectional resize cursors (n-resize, e-resize, s-resize, w-resize, ne-resize, nw-resize, se-resize, and sw-resize) | 1 | 12 | 1 | 4 | 7 | 1.2 |
| Bidirectional resize cursors (ew-resize, nesw-resize, ns-resize, and nwse-resize) | 1 | 12 | 1.5 | 10 | 10.6 | 3 |
| Zoom cursors (zoom-in and zoom-out) | 37 1 -webkit- | 12 | 24 1 -moz- | No | 24 15 — 23 -webkit- | 9 3 -webkit- |
| Grab cursors (grab and grabbing) | 1 -webkit- 3 | 14 | 27 1.5 -moz- | No | Yes | 4 -webkit- |
| url() | 1 | 12 | 1.54 | 6 | ? | 3 |
| url() positioning syntax | Yes | No | Yes | No | ? | Yes |
| Basic support | No | ? | Yes | ? | ? | ? | ? |
| auto | No | ? | Yes | ? | ? | ? | ? |
| default | No | ? | Yes | ? | ? | ? | ? |
| inherit | No | ? | Yes | ? | ? | ? | ? |
| none | No | ? | Yes | ? | ? | ? | ? |
| context-menu | No | ? | Yes | ? | ? | ? | ? |
| help | No | ? | Yes | ? | ? | ? | ? |
| pointer | No | ? | Yes | ? | ? | ? | ? |
| progress | No | ? | Yes | ? | ? | ? | ? |
| wait | No | ? | Yes | ? | ? | ? | ? |
| cell | No | ? | Yes | ? | ? | ? | ? |
| crosshair | No | ? | Yes | ? | ? | ? | ? |
| text | No | ? | Yes | ? | ? | ? | ? |
| vertical-text | No | ? | Yes | ? | ? | ? | ? |
| alias | No | ? | Yes | ? | ? | ? | ? |
| copy | No | ? | Yes | ? | ? | ? | ? |
| move | No | ? | Yes | ? | ? | ? | ? |
| no-drop | No | ? | Yes | ? | ? | ? | ? |
| not-allowed | No | ? | Yes | ? | ? | ? | ? |
| all-scroll | No | ? | Yes | ? | ? | ? | ? |
| col-resize | No | ? | Yes | ? | ? | ? | ? |
| row-resize | No | ? | Yes | ? | ? | ? | ? |
| Unidirectional resize cursors (n-resize, e-resize, s-resize, w-resize, ne-resize, nw-resize, se-resize, and sw-resize) | No | ? | Yes | ? | ? | ? | ? |
| Bidirectional resize cursors (ew-resize, nesw-resize, ns-resize, and nwse-resize) | No | ? | Yes | ? | ? | ? | ? |
| Zoom cursors (zoom-in and zoom-out) | No | ? | Yes | ? | ? | ? | ? |
| Grab cursors (grab and grabbing) | No | ? | Yes | ? | ? | ? | ? |
| url() | No | ? | Yes | ? | ? | ? | ? |
| url() positioning syntax | No | ? | No | ? | ? | ? | ? |
1. In Internet Explorer 11, when cursor is applied to an element and this element is underneath an open <select> menu and the user hovers over a <select> menu item that's on top of said element, the cursor for said element will be displayed rather than the <select>'s normal cursor. See bug 817822.
2. This cursor is only supported on macOS and Linux.
3. Chrome 22 added Windows support.
4. Firefox 4 added macOS support.
| DesktopMobile | ||||||||||||
| ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet | ||||||||||||
| Full support 1 | Full support 12 | Full support 1 | Full support 4 Full support 4Notes In Internet Explorer 11, when cursor is applied to an element and this element is underneath an open <select> menu and the user hovers over a <select> menu item that's on top of said element, the cursor for said element will be displayed rather than the <select>'s normal cursor. See bug 817822. | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 4 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 4 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 8 | Full support 9 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 5 | Full support 12 | Full support 3 | Full support 9 | Full support 15 | Full support 5 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 Full support 1Notes This cursor is only supported on macOS and Linux. | Full support 12 | Full support 1.5 Full support 1.5Notes This cursor is only supported on macOS and Linux. | Full support 10 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 4 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 6 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 6 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 4 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | Full support 10 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 4 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 4 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | No support No | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | Full support 10 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | Full support 10 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 4 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | Full support 6 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | Full support 6 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | Full support 6 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | Full support 6 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | Full support 6 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1 | Full support 4 | Full support 7 | Full support 1.2 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 | Full support 10 | Full support 10.6 | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 37 Full support 37 Full support 1Prefixed Requires the vendor prefix: -webkit- | Full support 12 | Full support 24 Full support 24 Full support 1Prefixed Requires the vendor prefix: -moz- | No support No | Full support 24 Full support 24 No support 15 — 23Prefixed Requires the vendor prefix: -webkit- | Full support 9 Full support 9 Full support 3Prefixed Requires the vendor prefix: -webkit- | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 Full support 1Prefixed Requires the vendor prefix: -webkit-Notes Chrome 22 added Windows support. | Full support 14 | Full support 27 Full support 27 Full support 1.5Prefixed Requires the vendor prefix: -moz- | No support No | Full support Yes | Full support 4 Full support 4Prefixed Requires the vendor prefix: -webkit- | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support 1 | Full support 12 | Full support 1.5 Full support 1.5Notes Firefox 4 added macOS support. | Full support 6 | ? | Full support 3 | No support No | ? | Full support Yes | ? | ? | ? | ? |
| Full support Yes | No support No | Full support Yes | No support No | ? | Full support Yes | No support No | ? | No support No | ? | ? | ? | ? |
Legend
Full support Full support No support No support Compatibility unknown Compatibility unknownExperimental. Expect behavior to change in the future.Experimental. Expect behavior to change in the future.See implementation notes.See implementation notes.Requires a vendor prefix or different name for use.Requires a vendor prefix or different name for use.
See also
developer.mozilla.org
Свойства Cursors (System.Windows.Forms)
Возвращает курсор, который появляется при запуске приложения.
Получает курсор в виде стрелки.
Получает курсор в виде крестика.
Возвращает курсор по умолчанию, который обычно является курсор в виде стрелки.
Получает курсор в виде руки, обычно используемые при наведении указателя мыши на веб-ссылку.
Получает курсор справки, который представляет собой сочетание стрелки и вопросительного знака.
Возвращает курсор, отображаемый при наведении указателя мыши на горизонтальную линию разделения.
Получает образный указатель, который используется для отображения расположения текстового курсора при щелчке мышью.
Возвращает курсор, который указывает на недоступность определенной области для текущей операции.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши без движения, но горизонтальное и вертикальное направление можно прокручивать окно.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши без движения, но можно прокручивать окно в горизонтальном направлении.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши без движения, но можно прокручивать окно в вертикальном направлении.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши и движения при горизонтальной прокрутке вправо.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши и движения при прокрутке окна горизонтально и вертикально вверх и вправо.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши и движения при вертикальной прокрутке окна вверх.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши и движения при прокрутке окна горизонтально и вертикально вверх и влево.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши и движения при прокрутке окна горизонтально и вертикально вниз и вправо.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши и вертикальной прокрутке окна вниз.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши и движения при прокрутке окна горизонтально и вертикально вниз и влево.
Возвращает курсор, который появляется при выполнении операций с помощью колесика мыши и движения при горизонтальной прокрутке слева.
Получает четырехконечный курсор, состоящий из четырех соединенных стрелок, указывающих Север, Юг, Восток, и запад.
Получает двунаправленный диагональный (северо-восток и юго-запад) курсор для изменения размера.
Возвращает вертикальное (Север Юг) Двунаправленный курсор.
Получает двунаправленный диагональный (северо-запад и юго-восток) курсор для изменения размера.
Возвращает горизонтальное (влево или вправо) Двунаправленный курсор.
Получает курсор в виде стрелки вверх, обычно используется для определения точки вставки.
Возвращает курсор, отображаемый при наведении указателя мыши на вертикальный разделитель.
Возвращает курсор ожидания, обычно изображаемый в форме песочных часов.
msdn.microsoft.com
|
|
..:::Счетчики:::.. |
|
|
|
|
|
|
|
|