Курсор CSS

Спецсимволы HTML
Цвета HTML
Горячие клавиши
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

Рекомендую: Шаблоны HTML на русском

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

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

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