Компьютерная документация от А до Я - CSS

Интернет технологии -> CSS -> Свойства объекта Cursor

Свойство cursor

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

Синтаксис

Возможные значения и ключевые слова

«url» - url файла, содержащего курсор.

auto - браузер определяет тип курсора на основании содержимого элемента.

all-scroll - указывает на то что элемент может прокручиваться во всех направлениях.

col-resize - указывает на возможность изменения горизонтальных размеров элемента.

crosshair - курсор в виде перекрестья.

default - используемый по умолчанию операционной системой курсор.

hand - курсор, используемый по умолчанию на гиперссылках (аналогично pointer).

help - указывает на возможность получить справку по элементу.

move - указывает на возможность передвижения чего-либо.

no-drop - указывает, что перетаскиваемый элемент не может быть перетащен на данный элемент.

not-allowed - указывает на невозможность осуществления предполагаемого действия.

pointer - курсор, используемый по умолчанию на гиперссылках (аналогично hand).

progress - указывает на внутреннюю обработку данных.

row-resize - указывает на возможность изменения вертикального размера элемента.

text - указывает на редактируемый текст.

vertical-text - указывает на редактируемый вертикальный текст.

wait - указывает на занятость программы.

n-resize - курсор, используемый для изменения размеров слева - направо (аналогично s-resize).

ne-resize - курсор, используемый для изменения размеров вверх-вправо - вниз-влево (аналогично sw-resize).

nw-resize - курсор, используемый для изменения размеров вверх-влево - вниз-вправо (аналогично se-resize).

s-resize - курсор, используемый для изменения размеров слева - направо (аналогично n-resize).

se-resize - курсор, используемый для изменения размеров вверх-влево - вниз-вправо (аналогично nw-resize).

sw-resize - курсор, используемый для изменения размеров вверх-вправо - вниз-влево (аналогично ne-resize).

e-resize - курсор, используемый для изменения размеров вверх - вниз (аналогично w-resize).

w-resize - курсор, используемый для изменения размеров вверх - вниз (аналогично e-resize).

inherit - курсор наследуется от родительского элемента.

По умолчанию

auto

Применимо

ко всем элементам

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

да

Процентное значение

не применимо

В следующем примере для параграфов <p> будет задан тип курсора, используемый по умолчанию для реакции на гиперссылки. Так как одни браузеры использует для обозначения этого типа ключевое слово pointer, а другие браузеры - ключевое слово hand, то в определении стиля указаны оба.

Согласно правилу обработки данного свойства сначала браузер попытается обработать первое ключевое слово в списке. Если браузер распознал это ключевое слово (в нашем случае hand), он прекращает дальнейший анализ и использует данное ключевое слово. Если браузер не распознал первое ключевое слово, то он будет анализировать второе ключевое слово, и если распознает его - будет его использовать (в нашем случае pointer).

Примечание: Данное определение стиля позволяет справиться с несогласованностью в определении типа курсора между браузерами Internet Explorer и Netscape Navigator.

<html>
 <head>
  <style type=text/css>
   p {cursor:hand, pointer}
  </style>
 </head>
 <body>
  <p>При наведении на параграф, курсор
     примет вид руки (указателя)</p>
 </body>
</html>

Совместимость

тип курсора	CSS2	IE 4.x	IE 5.0	IE 5.5	IE 6.0	NN 6.0
auto	+	+	+	+	+
all-scroll					+
col-resize					+
crosshair	+	+	+	+	+	+
default	+	+	+	+	+	+
hand		+	+	+	+
help	+	+	+	+	+	+
move	+	+	+	+	+	+
no-drop					+
not-allowed					+
pointer	+				+	+
progress					+
row-resize					+
text	+	+	+	+	+	+
vertical-text					+
wait	+	+	+	+	+	+
n-resize	+	+	+	+	+	+
ne-resize	+	+	+	+	+
nw-resize	+	+	+	+	+
s-resize	+	+	+	+	+	+
se-resize	+	+	+	+	+
sw-resize	+	+	+	+	+
e-resize	+	+	+	+	+	+
w-resize	+	+	+	+	+	+
inherit	+					+
«url»	+				+

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

Интересное в сети

10 новых программ

CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full

Наши сервисы

Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.

Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.

Поставить

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

Прислать

Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.

Разместить

Это интересно

При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.