Курсор CSS. Все варианты курсоров

HTML5 все теги
Спецсимволы HTML
Цвета HTML
Горячие клавиши
Регулярные выражения для Notepad++
CSS все свойства
CSS псевдоэлементы
микроразметка microformats.org (микроформат)
микроразметка schema.org (микродата)

Вид курсора задаётся свойством cursor, кторое может принимать различные значения. Определённый вид для курсора можно задать любому элементу.

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

Перечень курсоров:

105 сursor: auto; обычный курсор
106 cursor: pointer; выбор
107 сursor: progress; ожидание
108 сursor: help; вопрос
109 сursor: text; текст
113 cursor: vertical-text; вертикальный текст

110 сursor: cell; выбор ячейки таблицы
111 cursor: crosshair; фокус, перекрестье
112 cursor: alias; переход
114 cursor: copy; копирование
115 cursor: move; перетаскивание
116 cursor: not-allowed; запрет
121 cursor:col-resize; изменение размера по горизонтали
122 cursor: row-resize; изменение размера по вертикали
117 сursor: nesw-resize; изменение размера по горизонтали и вертикали
118 cursor: nwse-resize; изменение размера по горизонтали и вертикали
119 cursor: n-resize; изменение размера по вертикали
120 cursor: e-resize; изменение размера по горизонтали
123 cursor: zoom-in; увеличить
124 cursor: zoom-out; уменьшить
125 cursor: -webkit-grab; захват, работает с вендорными префиксами
126 cursor: -webkit-grabbing; захват, работает с вендорными префиксами

Для курсора можно задать любое собственное изображение. Для этого в свойстве cursor надо указать путь к картинке, которая у вас будет в качестве курсора.

cursor: url(images/s20.png);

И в качестве бонуса Вот Вам курсор на jvascript

Желаю творческих успехов.

Шрифты для сайта в CSS < < < В раздел > > > Сокращение записи CSS

Запись опубликована в рубрике CSS основы. Добавьте в закладки постоянную ссылку.
А так же:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *