Поиск

Интерфейс пользователя

Курсоры: свойство 'cursor'
'cursor'

Значение: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help ] ] | inherit
Начальное значение: auto
Область применения: все элементы
Наследование: да
Процентное задание значений: нет
Ассоциированные устройства: устройства визуального форматирования, интерактивные устройства

Данное свойство определяет тип курсора, используемого при работе с клавиатурой или мышью. Принимаемые им значения имеют следующий смысл:

auto

Агент пользователя определяет отображаемый курсор, исходя из контекста.

crosshair

Простое перекрестие (напоминающее символ "+").

default

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

pointer

Курсором представляется указателем, обозначающим ссылку.

move

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

e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize

Курсор, определяющий перемещение некоторого края. Например, при перемещении, начинающемся с правого нижнего угла блока, используется курсор 'se-resize'.

text

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

wait

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

help

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

<uri>

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

P { cursor : url("mything.cur"), url("second.csr"), text; }