25 авг. 2013 г.

CSS свойства курсора и его кастомизация.

Статья о некоторых CSS свойствах курсора и как задать свою картинку (собственный вид) для курсора.
Несколько примеров:
Стандартные курсоры
  • auto - курсор по умолчанию для текущего элемента.
  • crosshair - простое перекрестие (напоминающее символ "+").
  • default - курсор, используемый по умолчанию на данной платформе. Зачастую представляется в виде стрелки.
  • pointer - курсор представляется указателем, обозначающим ссылку.
  • move - курсор, определяющий объект, который можно переместить.
  • e-resizene-resizenw-resizen-resizese-resizesw-resizes-resize,w-resize - курсоры, обозначающие возможность перемещения некоторого края объекта.
  • text - курсор, обозначающий текст, который может быть выделен. Зачастую представляется в виде вертикальной линии "|".
  • wait - курсор, обозначающий занятость программы, и говорящий пользователю, что следует подождать. Зачастую представляется в виде циферблата или песочных часов.
  • help - курсор, означающий, что для объекта, на который он указывает, имеется справочная информация. Зачастую представляется в виде вопросительного знака или воздушного шара.