Указатели мыши

Указатели мыши

Средства CSS позволяют задавать указатель мыши свойством cursor. Данное свойство может принимать следующие значения.

• auto – браузер определяет отображаемый указатель исходя из контекста.

• crosshair – простое перекрестие (напоминающее символ +).

• default – указатель, используемый в данной операционной системе по умолчанию. Зачастую представляется в виде стрелки.

• pointer – указатель, обозначающий ссылку.

• move – указатель, определяющий объект, который можно переместить.

• e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize – указатель, определяющий перемещение некоторого края. Например, при перемещении, начинающемся с правого нижнего угла блока, используется указатель se-resize. Первые буквы в этом значении – это первые буквы частей света South и East.

• text – указатель, используемый при выделении текста. Зачастую представляется в виде вертикальной линии |.

• wait – указатель, показывающий занятость программы, когда пользователю необходимо подождать. Зачастую представляется в виде циферблата или песочных часов.

• help – указатель, означающий, что для объекта, на который он указывает, имеется справочная информация. Зачастую представляется в виде вопросительного знака или воздушного шара.

• hand – указатель представляет собой «руку». Зачастую такой указатель используется для ссылок.

• uri_адрес_файла – при данном значении браузер пользователя загружает файл указателя, задаваемого этим URL-адресом.

Если браузеру не удается обработать указатель мыши, расположенный первым в списке указателей, то он попытается обработать второй, третий и т. д. Если браузеру не удается обработать ни одного указателя, заданного в таблице стилей, он будет использовать общий указатель, расположенный в конце списка. Например:

p { cursor : url(«mything.cur»), url(«second.csr»), text; }

В этом примере при наведении на содержимое элемента P указатель мыши станет таким, какой задан в файле mything.cur. Если браузер не сможет загрузить данный файл указателя, он попробует загрузить файл second.csr и отобразить указатель, изображенный в этом файле. Если и этот файл окажется недоступным, браузер отобразит указатель, используемый при выделении текста.

Данный текст является ознакомительным фрагментом.