Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Cursor Direction

Свойство cursor

Описание

Свойство cursor задает  вид курсора при наведении мыши на элемент. 

Это свойство применимо ко всем элементам.

Значение

Значение Вид курсора.
Наведите указатель.
Описание
auto Авто Вид курсора зависит от браузера.
default По умолчанию Курсор по умолчанию - Стрелка.
crosshair Плюс Курсор в виде знака «+».
help Справка Курсор в виде стрелки со знаком вопроса. Справка, помощь.
move Перемещение Курсор для перемещения объектов.
pointer Рука Курсор в виде руки. Указатель.
progress Жди Курсор в виде стрелки с песочными часами. Ожидание.
text Текст Курсор в виде прописной «i». Текстовый курсор.
wait Терпение Курсор в виде песочных часов. Ожидание.
n-resize или s-resize Норд-Зюйд Курсор в виде двойной стрелки. Условное направление: север-юг.
w-resize или e-resize Вест-Ост Курсор в виде двойной стрелки. Условное направление: запад-восток.
nw-resize или se-resize Северо-запад-
Юго-восток
Курсор в виде двойной стрелки. Условное направление: северо-запад-юго-восток.
ne-resize или sw-resize Север-восток-
Юго-запад
Курсор в виде двойной стрелки. Условное направление: северо-восток-юго-запад.

- auto - вид курсора зависит от браузера.

- url - возможность задания своего курсора. Указывается путь к файлу (в формате cur или ani) с курсором.

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

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- auto


Пример

Пример - Свойство cursor

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство cursor </title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>
<body>
<p style="cursor:pointer"> Установлен курсор-рука. </p>
<p class="cursor"> Установим свой курсор! Наведите на этот абзац курсор - он изменится на один из указанных! </p>
</body>
</html>

При просмотре в браузере

Установлен курсор-рука.

Установим свой курсор! Наведите на этот абзац курсор - он изменится на один из указанных!

В файле со стилями style.css указали через запятую для класса .cursor несколько значений свойства cursor.

.cursor{cursor:url("img/hand.ani"), url("img/Strelka.cur"), auto;}


Свойство Counter-reset Свойство Cursor Свойство Direction
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru