CSS ကာဆာ (Cursor) စာရင်းအပြည့်
CSS ၏ cursor ဖြင့် သတ်မှတ်နိုင်သော ကာဆာအမျိုးအစား ၃၆ မျိုးအားလုံးကို hover ဖြင့် စစ်ဆေးပြီး ကုဒ်ကို ကူးယူနိုင်သည်
အထူးအင်္ဂါရပ်များ
cursor အမျိုးအစား ၃၆ ခုလုံး စာရင်းဖော်ပြမှု
CSS စံသတ်မှတ်ချက် keyword များကို စာမျက်နှာတစ်ခုတည်းတွင် စုစည်းဖော်ပြထားသည်
hover ဖြင့် အမှန်တကယ်ပုံစံကို ချက်ချင်းစစ်ဆေးနိုင်မှု
မောက်စ်ကို တင်ထားသောအခါ ကာဆာပုံသဏ္ဍာန် ပြောင်းလဲသွားသည်
အသုံးပြုပုံအလိုက် အုပ်စု ၆ ခုဖြင့် စုစည်းမှု
ရှင်းလင်းချက်တို့နှင့်အတူ လိုချင်သော ကာဆာကို ရှာဖွေရလွယ်ကူသည်
CSS ကို တစ်ချက်နှိပ်ရုံဖြင့် ကူးယူနိုင်မှု
「cursor: pointer;」ပုံစံဖြင့် တိုက်ရိုက်ကူးထည့်နိုင်သည်
အသုံးပြုနည်း
အုပ်စုမှ ရှာဖွေပါ
「General」「Drag & Drop」စသည့် အသုံးပြုပုံအလိုက် ခေါင်းစဉ်များမှ ရွေးစရာများကို ရှာဖွေပါ
မောက်စ်ကို တင်ပြီး စစ်ဆေးပါ
「ဤနေရာတွင် မောက်စ်ကို တင်ပါ」ဟူသော ဘောင်ပေါ်တွင် ကာဆာကို တင်ပြီး ပုံသဏ္ဍာန်ကို စစ်ဆေးပါ
ကူးယူပြီး ကူးထည့်ပါ
「ကူးယူရန်」ခလုတ်ဖြင့် CSS ကို ရယူပြီး မိမိ၏ style sheet ထဲသို့ ကူးထည့်ပါ
အသုံးပြုမှု ဥပမာများ
ခလုတ်နှင့် လင့်ခ်များ၏ ကာဆာကို စစ်ဆေးခြင်း
နှိပ်နိုင်သော element များတွင် ထည့်သုံးသော pointer ၏ ပုံသဏ္ဍာန်ကို စစ်ဆေးပါ
ဆွဲချ လုပ်ဆောင်မှု UI အတွက် ကာဆာရွေးချယ်ခြင်း
grab၊ move၊ copy တို့ကို နှိုင်းယှဉ်ကြည့်ပြီး စီစဉ်မှု သို့မဟုတ် ရွှေ့ပြောင်းမှုနှင့် ကိုက်ညီသော ပုံသဏ္ဍာန်ကို ရွေးချယ်ပါ
ပယ်ဖျက်ထား/လုပ်ဆောင်နေစဉ် ပုံစံများကို ခွဲခြားအသုံးပြုခြင်း
not-allowed၊ wait၊ progress တို့၏ ကွာခြားချက်ကို အမှန်တကယ်စစ်ဆေးပြီး ခွဲခြားအသုံးပြုပါ
CSS သင်ယူမှုအတွက် တန်ဖိုးများကို မှတ်သားခြင်း
cursor တွင် ရေးနိုင်သော တန်ဖိုးများ၏ အမျိုးအစားနှင့် အဓိပ္ပာယ်ကို တစ်ပြိုင်နက် ကြည့်ပြီး မှတ်သားပါ
အခြေခံအသိပညာ
pointer နှင့် default ၏ ကွာခြားချက်
pointer သည် လက်ညှိုးပုံသဏ္ဍာန်ရှိသော ကာဆာဖြစ်ပြီး၊ လင့်ခ် သို့မဟုတ် ခလုတ်ကဲ့သို့ နှိပ်နိုင်သော element တစ်ခုဖြစ်ကြောင်း ပြသသောအခါ အသုံးပြုသည်။ default သည် environment ၏ စံမြှားကာဆာဖြစ်ပြီး၊ နှိပ်လျှင် ဘာမှမဖြစ်သော စာသား သို့မဟုတ် နောက်ခံပေါ်တွင် အသုံးပြုသည်မှာ အခြေခံဖြစ်သည်။
cursor ၏ initial value ဖြစ်သော auto ၏ လုပ်ဆောင်ပုံ
cursor property ၏ initial value မှာ auto ဖြစ်ပြီး၊ browser သည် စာသားပေါ်တွင် text၊ အခြားနေရာများတွင် default ကဲ့သို့ ကာဆာပုံသဏ္ဍာန်ကို နေရာအလိုက် အလိုအလျောက် ရွေးချယ်ပေးသည်။
cursor ကို သတ်မှတ်ထားသော်လည်း မပြောင်းလဲသည့် အကြောင်းရင်း
cursor ကို သတ်မှတ်ထားသော်လည်း ကာဆာပုံသဏ္ဍာန် မပြောင်းလဲသည့်အခါ၊ အခြား element တစ်ခုက အပေါ်မှ အုပ်နေခြင်း သို့မဟုတ် အခြား rule တစ်ခုက သတ်မှတ်ချက်ကို ဖျက်ဆီးပစ်နေခြင်း ဖြစ်တတ်သည်။
- အပေါ်မှ အုပ်နေသော element：ဖျောက်ထားသော element သို့မဟုတ် pseudo-element တစ်ခုက အပေါ်မှ အုပ်နေပါက၊ ကာဆာပုံသဏ္ဍာန်သည် အပေါ်ဆုံးရှိ element ၏ cursor သတ်မှတ်ချက်အတိုင်း ပြသသည်။
- specificity ကြောင့် ဖျက်ဆီးခံရခြင်း：element တစ်ခုတည်းတွင် rule များစွာ ကျရောက်သောအခါ၊ specificity (selector ၏ အားကောင်းမှု) ပိုမြင့်သော rule ၏ cursor သတ်မှတ်ချက်ကို ဦးစားပေးသည်။
- OS နှင့် browser အလိုက် ကွာခြားချက်：ကာဆာ၏ ပုံသဏ္ဍာန်များကို OS နှင့် browser က ပြင်ဆင်ထားသောအရာများကို အသုံးပြုသောကြောင့်၊ တန်ဖိုးတူသော်လည်း Windows နှင့် macOS တွင် ပုံသဏ္ဍာန် ကွာခြားသည်။
ဘေးကင်းမှုနှင့် ကိုယ်ရေးကိုယ်တာလုံခြုံမှု
ဘရောက်ဆာ အတွင်းသာ ပြီးစီးသည်
ထည့်သွင်းသော ဒေတာကို သင့်ဘရောက်ဆာ အတွင်းသာ လုပ်ဆောင်ပြီး ပြင်ပသို့ မပေးပို့ပါ။
ဘရောက်ဆာ အတွင်းသာ လုပ်ဆောင်သည်
ကာဆာပြသမှုနှင့် ကုဒ်ကူးယူမှု အားလုံးကို သင့်ဘရောက်ဆာ အတွင်းသာ လုပ်ဆောင်ပြီး ထည့်သွင်းသောဒေတာကို ဆာဗာသို့ မပေးပို့ပါ။
ဆက်သွယ်မှုကို HTTPS ဖြင့် ကုဒ်ဝှက်သည်
စာမျက်နှာ ဖွင့်ခြင်းကိုလည်း TLS ဖြင့် ကုဒ်ဝှက်ထားပြီး တတိယပုဂ္ဂိုလ်မှ အကြောင်းအရာ ဖတ်ရှုနိုင်မည် မဟုတ်ပါ။
တတိယပုဂ္ဂိုလ်သို့ မပေးပို့ပါ
ကြော်ငြာကွန်ရက်များ၊ ခြေရာခံကိရိယာများနှင့် ပြင်ပဝန်ဆောင်မှုများသို့ ထည့်သွင်းသောအကြောင်းအရာကို မပေးပို့ပါ။
ရလဒ်ကို အလိုအလျောက် မသိမ်းဆည်းပါ
ကူးယူထားသော ကုဒ် နှင့် ထည့်သွင်းသောအကြောင်းအရာများကို ဆာဗာတွင် မသိမ်းဆည်းပါ။
Google ရှာဖွေမှုတွင် RAKKOTOOLS ကို စောင့်ကြည့်ပါ
အသုံးဝင်သော ကိရိယာ 189 ခုကို Google ရှာဖွေမှုနှင့် AI ရှာဖွေမှုမှ ပိုမိုရှာဖွေတွေ့ရှိနိုင်ပါပြီ!
- ရှာဖွေမှုတွင် တွေ့ရှိနိုင်သည်
- AI ရှာဖွေမှုတွင်လည်း ပြသသည်
- ကိရိယာအသစ်များလည်း တွေ့ရှိရသည်
အပ်ဒိတ် အချက်အလက်
- update #318
CSS cursor စာရင်းအသစ် ထည့်သွင်းပြီး cursor အမျိုးအစားအားလုံးကို hover လုပ်ကာစစ်ဆေး copy ကူးနိုင်