Курсор CSS

Здравствуйте уважаемые начинающие веб-мастера.

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

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

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

105 сursor: auto; — обычный курсор.

106 cursor: pointer; — выбор.

107сursor: progress; — ожидание.

108сursor: help; — вопрос.

109сursor: text; — текст.

113 cursor: vertical-text; — вертикальный текст.

110 сursor: cell; — выбор ячейки таблицы.

111 cursor: crosshair; — фокус, перекрестье.

112 cursor: alias; — переход.

114 cursor: copy; — копирование.

115 cursor: move; — пертаскивание.

116 cursor: not-allowed; — запрет.

121 cursor:col-resize; — изменение размера по горизонтали.

122 cursor: row-resize; — изменение размера по вертикали.

117 сursor: nesw-resize; — изменение размера по горизонтали и вертикали.

118cursor: nwse-resize; — изменение размера по горизонтали и вертикали.

119 cursor: n-resize; — изменение размера по вертикали.

120 cursor: e-resize; — изменение размера по горизонтали.

123 cursor: zoom-in; — увеличить.

124 cursor: zoom-out; — уменьшить.

125 cursor: -webkit-grab; — захват, работает с вендорными префиксами.

126 cursor: -webkit-grabbing; — захват, работает с вендорными префиксами.

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

cursor: url(images/s20.png);

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

Запись опубликована в рубрике CSS основы. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *