Шта су курсори у ЦСС-у?
Сваког дана већ користимо прилагођене курсоре. Ова интеракција је омогућена коришћењем модификованих курсора, као што је када пређете преко дугмади, курсор показивача се трансформише у руку или када пређете преко текста и курсор се трансформише у текстуални курсор.
поверсхелл вишелинијски коментар
Међутим, курсори се такође могу користити да нашим корисницима дамо разне додатне креативне могућности.
Требало би да будемо свесни да ЦСС већ има подразумеване курсоре за различите често вршене радње пре него што почнемо да развијамо своје прилагођене курсоре.
Ови курсори пружају опције за акцију на тачном месту над којим лебдите. Примери укључују курсоре који указују да треба да кликнете на везе, превучете и отпустите елементе, зумирате и умањите објекте и још много тога.
Користите својство ЦСС курсора да опишете врсту курсора коју желите.
Својство ЦСС курсора
Можемо одредити врсту курсора који треба да се прикаже кориснику користећи својство ЦСС курсора.
Коришћење фотографија као дугмади за слање на обрасцима је корисна примена ове могућности. Подразумевано, рука се појављује уместо показивача када је курсор изнад везе. Међутим, дугме за слање обрасца не доводи до промене обрасца. Ово служи као визуелни знак да се на слику може кликнути сваки пут када неко пређе преко слике која је дугме за слање.
Ово својство је специфицирано са нула или више вредности одвојених зарезима, након чега следи једна вредност кључне речи према потреби, а свака ће се односити на датотеку слике.
р у језику ц
Синтакса
cursor: value;
Вредности својства
| Ауто: | Подразумевана поставка за овај атрибут је постављање курсора.
| Алиас: | Овај атрибут се користи да прикаже индикатор који се односи на креирање курсора.
| Све померање: | Курсор у овом атрибуту означава померање.
| Ћелија: | Курсор у овом својству означава да је ћелија или група ћелија тренутно изабрана.
| Садржај: | Курсор у овом атрибуту показује присуство контекстног менија.
| Цол-промена величине: | Када је курсор изнад колоне у овој особини, може се хоризонтално променити величина.
| Копија: | Курсор у овом својству означава да се нешто мора копирати.
| крстић: | Курсор се појављује као крстић у овом атрибуту.
| Уобичајено: | Подразумевани курсор.
| Е-промена величине: | Курсор у овом атрибуту означава да десну ивицу кутије треба померити.
| Промени величину: | Курсор у овом атрибуту представља двосмерни курсор за промену величине.
| Помоћ: | У овом својству, курсор показује да је помоћ доступна.
| Потез: | Показивач у овом својству имплицира да се нешто мора померити
| . н-промена величине: | Када користите својство н-ресизе, показивач показује да горњу границу кутије треба померити.
| Шта промени величину: | Са овим својством, курсор показује да ивица кутије треба да се помери удесно и нагоре.
| Нова промена величине: | Двосмерни курсор промене величине је означен овим атрибутом.
| Нс-промена величине: | Двосмерни курсор промене величине је означен атрибутом нс-ресизе.
| Нв-промена величине: | Курсор у овом атрибуту показује да горња и доња ивица кутије треба да се померају нагоре и налево.
| Промена величине носа: | Двосмерни курсор промене величине је означен овим атрибутом.
| Без пада: | Курсор у овом атрибуту указује на то да извучени објекат не може бити бачен на ову локацију.
| Ниједан: | Курсор се не приказује за елемент према овом атрибуту.
| Није дозвољено: | Курсор у овом својству означава да се тражена радња неће извршити.
| показивач: | Курсор у овом својству служи као показивач и приказује напредак везе.
| Напредак: | Курсор у овом атрибуту показује да је програм активан.
| Промена величине реда: | Курсор показује да ова функција омогућава вертикалну промену величине редова.
| С-промена величине: | Када користите ово својство, показивач показује да доњу границу кутије треба спустити.
| Се-промена величине: | Курсор у овом атрибуту означава да ивица кутије треба да се помери удесно и надоле.
| Св-промена величине: | Курсор у овом атрибуту означава да леву и доњу ивицу кутије треба померити.
| Текст: | Курсор у овом атрибуту означава текст који се може изабрати.
| УРЛ: | Ово својство садржи листу прилагођених УРЛ-ова курсора раздвојених зарезима и генерички курсор на крају листе.
| Вертикални-текст: | Курсор у овом атрибуту показује могуће изборе вертикалног текста.
| В-промена величине: | Када користите ово својство, показивач показује да леву ивицу кутије треба померити.
Пример
Овај пример показује како се користи својство курсора. Програм је заузет јер је вредност својства курсора подешена да чека.
CSS cursor property .wait { cursor: wait; } h1 { color: red; } <p> Login Credentials </p> Излаз
Можемо одредити врсту курсора који треба да се прикаже кориснику користећи својство ЦСС курсора. Коришћење фотографија као дугмади за слање на обрасцима је корисна примена ове могућности. Подразумевано, рука се појављује уместо показивача када је курсор изнад везе.
нередовно обилажење бинарног стабла
