CSS курсор тізімі

CSS-тің cursor арқылы көрсетіле алатын курсор барлық 36 түрін ховер арқылы тексеріп кодты көшіру

Жаңарту ақпаратыCSS курсорларының тізімін қосу, курсордың барлық түрлерін ховерде тексеру және көшіруЖаңартулар ақпаратын көру

Ерекшеліктер

cursor барлық 36 түрін тізімде көрсету

CSS стандартының кілттік сөздерін бір беттеге жинап орналастыру

Ховер арқылы орында нақты тексеру

Тінтуірін ұстағанда курсор сол пішінге өзгереді

Мақсат бойынша 6 топқа ұйымдастыру

Қысқаша түсіндіруді қосып қажеттіліктігі курсорды табуға ыңғайлы

CSS-ті 1 шертуде көшіру

«cursor: pointer;» түрінде орындалған сәтті қабылдау

Қолдану тәсілі

Топтан іздеу

«Жалпы», «Сүйреу және қалдыру» сияқты мақсат бойынша басымдардан кандидатты іздеу

Тінтуірін ұстап тексеру

«Тінтуірін осында ұста» аймағына курсорды орналастырып пішінді тексеру

Көшіріп салу

«Көшіру» түймесімен CSS алып, өз стильдің парағына салу

Қолдану сценарийлері

Түймелер мен сілтемелердің курсорын тексеру

Басуға болатын элементтің pointer көрінісін тексеру

Сүйреу операциясы интерфейсінің курсорын таңдау

grab, move, copy салыстырып орналастыру немесе ауыстыру операциясына сәйкес пішінді таңдау

Іс істі шешпеген және өндіктеме байлау

not-allowed, wait, progress айырмалығын нақты көруде пайдалану

CSS оқуында мәндерді есте сақтау

cursor-ге жазуға болатын мәндердің түрлері мен мәнін бір рет көріп есте сақтау

Негіз біліміі

pointer және default ажырмасы

pointer — сілтеме немесе түймесі сияқты басуға болатын элемент екенін көрсетеді. default — ортасы стандартты сағының курсоры, басса ештеңе болмайтын мәтін немесе фон үстінде пайдаланылады.

cursor бастапқы мәні auto-ның әрекеті

cursor сипатының бастапқы мәні auto болып, браузер мәтін үстіндегі текстің сияқты, басқа жерлерде default сияқты, курсордың пішінін орынына қарай өз-өзінен таңдайды.

cursor көрсеткенде өзгермейтін себебі

cursor көрсеткенде де курсордың пішіні өзгермесе, басқа элемент үстіне жатуы немесе басқа ережемен көрсету өздігінен қайта ынамдалғаны болуы көп.

Үстіне жатқан элемент：Ашық элемент немесе псевдо-элемент үстіне жатса, курсордың пішіні ең жоғарыда орналасқан элементтің cursor көрсетіміне бәйсел ете өндіктеме.
Деңгейдің өздігінен ынамдалуы：Бір элементке екі де ережеленген болса, деңгейі (селектордың күші) жоғары ережелеменің cursor көрсетімі ынамдалады.
ОС және браузердің айырмасы：Курсордың сюжеті ОС немесе браузердің дайындаған нәрсесі пайдаланылады, сол мәнде де Windows және macOS-та пішіні айырмалы.