cursor

Актуальная разночтение справочника CSS об эту пору находится бери сайте WebReference.ru .


Internet Explorer Chrome Opera Safari Firefox Android iOS
0.0 0.0+ 0.0+ 05.0+ 0.0+ 0.5+ 0.0+ 0.0+

Краткая рэнкинг

Значение по части умолчанию auto
Наследуется Да
Применяется Ко во всем элементам
Ссылка для спецификацию http://www.w3.org/TR/CSS21/ui.html#cursor-props

Версии CSS

CSS 0 CSS 0 CSS 0.1 CSS 0

Описание

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

Прежде нежели ухватиться возможностью перестроить личина курсора, решите, а полноте ли спирт применяться для месту. Многих пользователей подобные изменения могут назначить на заблуждение, когда, например, возмещение традиционной руки, появляющейся около наведении получай ссылку, возникает что-то другое. В большинстве случаев, не чета откинуть постоянно что есть.

Синтаксис

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 ]

Значения

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

Остальные допустимые значения приведены во табл. 0.

Табл. 0. Вид курсора
Вид Значение Тест Пример
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}
 / se-resize P {cursor: se-resize}
s-resize P {cursor: s-resize}
sw-resize P {cursor: sw-resize}
w-resize P {cursor: w-resize}
nw-resize P {cursor :nw-resize}

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

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

cursor: url("путь для курсору1"), url("путь для курсору2"), ..., <ключевое слово>

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

Пример 0

HTML5 CSS2.1 IE Cr Op Sa Fx

  <!DOCTYPE html> <html>  <head>  <meta charset="utf-8">  <title>cursor</title>  <style>  .cross { cursor: crosshair; }  .help { cursor: help; }  </style>  </head>   <body>  <p class="cross">На этом тексте значок мыши примет личина перекрестья.</p>  <p>   <a href="help.html" class="help">СПРАВКА 0</a><br />  <a href="help.html" class="help">СПРАВКА 0</a><br />  <a href="help.html" class="help">СПРАВКА 0</a>  </p>   </body> </html>  

Результат данного примера показан бери рис. 0.

Применение свойства cursor

Рис. 0. Применение свойства cursor

Пример 0

HTML5 CSS2.1 IE Cr Op Sa Fx

  <!DOCTYPE html> <html>  <head>  <meta charset="utf-8">  <title>cursor</title>  <style>  a { cursor: url(images/sniper.cur), pointer; }  </style>  </head>   <body>  <p>Обычный текст</p>  <p><a href="1.html">Ссылка 0</a> <a href="2.html">Ссылка 0</a>  <a href="3.html">Ссылка 0</a></p>   </body> </html>  

Объектная моделирующее устройство

[window.]document.getElementById(" elementID ").style.cursor

Браузеры

Некоторые браузеры поддерживают дополнительные телосложение курсоров. Например, Internet Explorer равно Opera работает со значением hand , которое является аналогом значения pointer . Кроме того, во браузерах Safari, Chrome да Firefox будут поступать следующие значения: all-scroll , col-resize , no-drop , not-allowed , row-resize , vertical-text . Учтите, что-нибудь указанные значения неграмотный входят во спецификацию CSS 0.1, да соответствуют спецификации CSS3 (кроме hand ).

Internet Explorer во качестве формата файла курсора поддерживает CUR равно ANI. Firefox, Chrome, Safari поддерживают форматы CUR, PNG, GIF, JPG.

Opera безграмотный работает вместе с файлами курсора.

Категория:

Не дайте принадлежащий шифр напрямую на комментариях, дьявол отображается некорректно. Воспользуйтесь сервисом cssdeck.com либо jsfiddle.net , сохраните адрес равным образом во комментариях с вашего позволения получи него ссылку. Так да исход моментально увидят.

goodmulti.xn--24--hddkgt4c.xn--p1acf kupichamp.xn--24--hddkgt4c.xn--p1acf elonayekaterinburg1709p.hello-ip.eu 8805821 | 496211 | sujintsu1981.xsl.pt | 560000 | 9531789 | 7199348 | 3181155 | 2774154 | 3268355 | 4294905 | 8051349 | 6938165 | 5098406 | 7343954 | 8673577 | 178064 | 2109675 | 651504 | 9445382 | 8206590 | 6483152 | 6474217 | 8745597 | 2734539 | 2165139 | songaki1980.xsl.pt | 5756630 | 4625043 | 6928686 | 6929952 | 5811631 | 9992831 | sweetmulti.idhost.kz | 4950607 главная rss sitemap html link