የCSS ጠቋሚ ዝርዝር

በCSS cursor ሊገለጹ የሚችሉ 36ቱንም የጠቋሚ ዓይነቶች በማንዣበብ ይሞክሩ እና ኮዱን ይቅዱ

የዘመነ መረጃየCSS ጠቋሚ ዝርዝር ታክሏል፣ ሁሉንም የcursor ዓይነቶች በማንዣበብ አረጋግጠው ይቅዱየዝማኔ መረጃ ይመልከቱ

ባህሪያት

ሁሉም 36ቱ cursor ዓይነቶች በዝርዝር

መደበኛ የCSS ቁልፍ ቃላት በአንድ ገጽ ላይ ተሰብስበዋል

በማንዣበብ ትክክለኛውን ቅርጽ ወዲያውኑ ይመልከቱ

አይጤውን ሲያንዣብቡ ጠቋሚው ወደዚያ ቅርጽ ይቀየራል

በ6 የአጠቃቀም ቡድኖች የተደራጀ

አጭር ማብራሪያ ተያይዞ የሚፈለገውን ጠቋሚ በቀላሉ ማግኘት ይችላሉ

CSS በአንድ ጠቅታ ይቅዱ

በ"cursor: pointer;" ቅርጽ ያለምንም ለውጥ መለጠፍ ይችላሉ

አጠቃቀም

ከቡድን ይፈልጉ

እንደ "አጠቃላይ" ወይም "ጎትተህ ጣል" ያሉ በአጠቃቀም የተከፋፈሉ ርዕሶችን ተከትለው እጩዎችን ይፈልጉ

አይጤውን በማንዣበብ ያረጋግጡ

በ"እዚህ ላይ አይጤውን ያንዣብቡ" ፍሬም ላይ ጠቋሚውን በማምጣት ቅርጹን ያረጋግጡ

ይቅዱ እና ይለጥፉ

በ"ቅዳ" ቁልፍ CSS ያግኙ እና በራስዎ stylesheet ውስጥ ይለጥፉ

የአጠቃቀም ምሳሌዎች

የቁልፍ እና አገናኝ ጠቋሚ ማረጋገጫ

ሊጫኑ የሚችሉ ክፍሎች ላይ የሚደረገውን pointer ገጽታ ያረጋግጡ

ለጎትት ጠቋሚ ምርጫ

grab፣ move፣ copy ን በማነጻጸር ለማስተካከል ወይም ለማንቀሳቀስ ተገቢውን ቅርጽ ይምረጡ

ለአልተፈቀደ/በሂደት ላይ ያለ አገላለጽ ልዩነት

የnot-allowed፣ wait፣ progress ልዩነትን በትክክል በማየት በትክክል ይጠቀሙ

ለCSS ትምህርት ዋጋዎችን ማስታወስ

በcursor ሊጻፉ የሚችሉ የዋጋ ዓይነቶችንና ትርጉሞቻቸውን በአንድ ጊዜ ይመልከቱ እና ያስታውሱ

መሰረታዊ እውቀት

የpointer እና default ልዩነት

pointer የጣት ቅርጽ ያለው ጠቋሚ ሲሆን፣ እንደ አገናኝ ወይም ቁልፍ ባሉ ሊጫኑ የሚችሉ ክፍሎች ላይ ለማሳየት ይጠቅማል። default የአካባቢው መደበኛ ቀስት ጠቋሚ ሲሆን፣ ተጭኖ ምንም የማይከሰትባቸው ጽሑፎች ወይም ዳራዎች ላይ እንደ መደበኛ ይጠቅማል።

የcursor ነባሪ ዋጋ auto አሠራር

የcursor ንብረት ነባሪ ዋጋ auto ነው፣ ብራውዘሩ በጽሑፍ ላይ text፣ በሌሎች ቦታዎች default እንደሚመርጥ፣ ጠቋሚውን ቅርጽ በቦታው መሠረት በራስ-ሰር ይመርጣል።

cursor ቢገለጽም ያልተለወጠበት ምክንያት

cursor ተገልጾም የጠቋሚው ቅርጽ ካልተቀየረ፣ ሌላ ክፍል ከላይ ተደራርቦ ስላለ ወይም በሌላ ህግ ተገልጾ ተደራርቦ ስለሆነ ብዙ ጊዜ ነው።

ከላይ የተደራረበ ክፍል：ግልጽ ያልሆነ ክፍል ወይም pseudo-element ከላይ ተደራርቦ ከሆነ፣ የጠቋሚው ቅርጽ በላይኛው ክፍል cursor መግለጫ መሠረት ይታያል።
በዝርዝር ደረጃ የሚደረግ ተደራራቢነት：ተመሳሳይ ክፍል ላይ ብዙ ህጎች ቢኖሩም፣ ከፍተኛ ዝርዝር ደረጃ (የመራጭ ጥንካሬ) ያለው ህግ cursor መግለጫ ቅድሚያ ይሰጠዋል።
በOS እና ብራውዘር የሚፈጠር ልዩነት：የጠቋሚ ምስል የOS ወይም ብራውዘር የሚያዘጋጀው ስለሆነ፣ ተመሳሳይ ዋጋ ቢሆንም በWindows እና macOS መካከል ቅርጹ ይለያያል።