Виды курсоров в CSS
Существует множество самых разнообразных видов курсоров. Например, обычная стрелка, знак вопроса, стрелка в виде указателя и так далее. В этой статье я расскажу, как настроить через CSS вид курсора, а также покажу, какие виды курсоров вообще могут быть.
Для начала давайте разберём, как задавать вид курсора. Для этого в CSS существует свойство cursor, значение которого и определяет вид курсора. Например, давайте зададим для некого абзаца курсор в виде перекрестия:
p {
cursor: pointer;
}Теперь, когда мы разобрались, как задавать вид курсора в CSS, настало время продемонстрировать таблицу возможных курсоров и соответствующих им значений свойства cursor.
| Вид курсора | Значение свойства cursor |
 | default |
 | help |
 | move |
 | pointer |
 | text |
 | crosshair |
 | wait |
 | progress |
 | n-resize |
 | e-resize |
 | w-resize |
 | s-resize |
 | ne-resize |
 | se-resize |
 | sw-resize |
 | nw-resize |
Надеюсь, данная статья была полезна для Вас.
-
Создано 16.12.2010 15:02:37
-
Михаил Русаков
Комментарии (11):
Спасибо, надеюсь при создании веб-сайта пригодится инфо. с этой статьи. =)
Ответить
На каком-то сайте (уже не помню на каком), я встретил курсор черного цвета. Как задать цвет курсору? То-есть, чтобы когда пользователь находиться на моем сайте у него, с его обычного белого курсора, менялся например: на черный.
Ответить
Их можно менять через css, вот так, например: {cursor : url("mycursor.cur")}
Ответить
Спасибо!
Ответить
Всё как в статье, только вы задаете url курсора, который Вы хотите поставить. Т.е. это должен быть отдельный файл курсора.
Ответить
А и еще. А файлы каких расширений могут быть?
Ответить
Все расширения для курсоров, которые есть, должны подходить. cur, ico и так далее.
Ответить
А можна вставить картинку и ето будет как курсор?
Ответить
cursor : url("my.cur"); - через такой CSS-код.
Ответить
Не работает. Может я скачиваю неправильные файлы cur? Или для 8 там другой синтаксис?
Ответить
А существует ли курсор со значением "STOP" или что-то в этом роде, например когда пользователь не авторизован на сайте и хочет поставить рейтинг статье, то вместо стрелочки-курсора появляется красный крестик (такая система реализована на Хабрахабре) Это как-то можно реализовать на css?
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.