Как поменять курсор над ссылкой

2008-01-22 / Рубрика: CSS

CSS позволяет управлять внешним видом курсора, что в некоторых случах может существенно повысить удобство использования веб-странички или веб-приложения. Например при наведении на ссылку «Справка», курсор может принять форму вопроса. Делается это с помощью свойства cursor.

Синтаксис

Стиль курсора можно задать в таблице стилей:

или прямо в теге через атрибут style

<a href="http://www.x28.ru" style="cursor:crosshair">Сайт для вебмастера</a>

Допустимые значения

• auto
• default
• pointer
• crosshair
• move
• e-resize
• ne-resize
• nw-resize
• n-resize
• se-resize
• sw-resize
• s-resize
• w-resize
• text
• wait
• help
• progress
• unherit

Использование картинки в качестве курсора

a {cursor: url(globe.cur), pointer; }

Замечания

В Internet Explorer до 6 версии вместо значения pointer используется значение hand.

a {cursor:hand}

При подготовке статьи использованы материалы из книги "CSS — каскадные таблицы стилей" Эрика Мэйера.