Основы работы с CSS

       

Параметр 'cursor'


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

Наследование: да.

Примеры:

pre { cursor: pointer }

div { cursor : url("general.cur"), url("other.cur"), text; }

Может принимать следующие значения:

ЗначениеОписание
url url специального курсора, который будет использоваться

Примечание: Всегда определяйте базовый курсор в конце списка, который будет использоваться, если ни один из определенных url курсоров невозможно использовать.

defaultКурсор по умолчанию (часто стрелка)
autoКурсор задает браузер
crosshairКурсор изображается как перекрестие
pointerКурсор изображается как указатель (рука), который обозначает ссылку
moveКурсор указывает объект, который можно переместить
e-resizeКурсор, определяющий перемещение края бокса вправо (east)
ne-resizeКурсор, определяющий перемещение края бокса вверх и вправо (north/east)
nw-resizeКурсор, определяющий перемещение края бокса вверх и влево (north/west)
n-resizeКурсор, определяющий перемещение края бокса вверх (north)
se-resizeКурсор, определяющий перемещение края бокса вниз и вправо (south/east)
sw-resizeКурсор, определяющий перемещение края бокса вниз и влево (south/west)
s-resizeКурсор, определяющий перемещение края бокса вниз (south)
w-resizeКурсор, определяющий перемещение края бокса влево (west)
textКурсор используемый для текста
waitКурсор, указывающий на занятость программы (часто песочные часы)
helpКурсор, указывающий, что имеется справочная информация (часто знак вопроса)

Примечания для браузеров:

Internet Explorer:

Чтобы вывести изображение руки, можно использовать нестандартное значение hand следующим образом: {cursor: hand}



Содержание раздела