Рейтинг@Mail.ru
УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS РЕКЛАМА

CSS Свойство cursor


CSS Справочник Полный CSS Справочник

Пример

Несколько различных курсоров:

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

Попробуйте сами »

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

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

Значение по умолчанию: auto
Наследуется: да
Версия: CSS2
JavaScript синтаксис: объект.style.cursor="crosshair"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство cursor поддерживается всеми основными браузерами.

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

Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".


Значения Свойства

Значение Описание
URL Список через запятую адресов URL к пользовательским курсорам. Замечание: Всегда указывайте общий курсор в конце списка - на случай, если ни один из курсоров, указанных через 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 Указывает, что значение свойства cursor должно наследоваться от родительского элемента


CSS Справочник Полный CSS Справочник

© 2011-2017 Уроки CSS
Рейтинг@Mail.ru