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

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

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

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

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

	сursor: cell;	выбор ячейки таблицы
	cursor: crosshair;	фокус, перекрестье
	cursor: alias;	переход
	cursor: copy;	копирование
	cursor: move;	перетаскивание
	cursor: not-allowed;	запрет
	cursor:col-resize;	изменение размера по горизонтали
	cursor: row-resize;	изменение размера по вертикали
	сursor: nesw-resize;	изменение размера по горизонтали и вертикали
	cursor: nwse-resize;	изменение размера по горизонтали и вертикали
	cursor: n-resize;	изменение размера по вертикали
	cursor: e-resize;	изменение размера по горизонтали
	cursor: zoom-in;	увеличить
	cursor: zoom-out;	уменьшить
	cursor: -webkit-grab;	захват, работает с вендорными префиксами
	cursor: -webkit-grabbing;	захват, работает с вендорными префиксами

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

cursor: url(images/s20.png);

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

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

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