 |
A$-iam |
||||
Для этого применяется свойство cursor.
Синтаксис:
объект{
cursor: курсор;
}
здесь объект может быть:
тегом,
именем(атрибут name)(перед именем в CSS ставится знак ".")
или значением атрибута id(перед id в CSS ставится знак "#")
курсор - значение(описаны в Табл.1)
здесь объект может быть:
тегом,
именем(атрибут name)(перед именем в CSS ставится знак ".")
или значением атрибута id(перед id в CSS ставится знак "#")
курсор - значение(описаны в Табл.1)
Пример:
h1{
cursor: move;
}
| Значение | Тест | Пример | Вид на ашем сайте | |
|---|---|---|---|---|
| default | ТЕСТ | P {cursor:default} |  | ТЕСТ |
| crosshair | ТЕСТ | P {cursor:crosshair} | ||
| help | ТЕСТ | P {cursor:help} | ||
| move | ТЕСТ | P {cursor:move} |  | ТЕСТ |
| pointer | ТЕСТ | P {cursor:pointer} |  | ТЕСТ |
| progress | ТЕСТ | P {cursor:progress} | ||
| text | ТЕСТ | P {cursor:text} |  | ТЕСТ |
| wait | ТЕСТ | P {cursor:wait} | ||
| n-resize | ТЕСТ | P {cursor:n-resize} | ||
| ne-resize | ТЕСТ | P {cursor:ne-resize} | ||
| e-resize | ТЕСТ | P {cursor:e-resize} | ||
| se-resize | ТЕСТ | P {cursor:se-resize} | ||
| s-resize | ТЕСТ | P {cursor:s-resize} | ||
| sw-resize | ТЕСТ | P {cursor:sw-resize} | ||
| w-resize | ТЕСТ | P {cursor:w-resize} | ||
| nw-resize | ТЕСТ | P {cursor:nw-resize} | ||
| all-scroll | ТЕСТ | P {cursor:all-scroll} | ||
| col-resize | ТЕСТ | P {cursor:col-resize} | ||
| no-drop | ТЕСТ | P {cursor:no-drop} | ||
| not-allowed | ТЕСТ | P {cursor:not-allowed} | ||
| row-resize | ТЕСТ | P {cursor:row-resize} | ||
| vertical-text | ТЕСТ | P {cursor:vertical-text} |
Синтаксис:
объект{
cursor: url(путь к файлу), альтернативный вариант;
}
Пример:
h1{
cursor: url(http://as-iam.narod.ru/csss/cursor/cursormove.gif), move;
}