cursor ဂုဏ်သတ္တိသည် element အပေါ်သို့ mouse ဖြင့် ညွှန်ပြ (hover) လိုက်သောအခါ cursor ၏ ပုံသဏ္ဌာန်ကို သတ်မှတ်ပေးသည်။
ဝါကျဖွဲ့ပုံ
selector {
cursor: တန်ဖိုး;
}
မှတ်ချက်
ဤဂုဏ်သတ္တိတွင် တန်ဖိုးအများအပြား ရှိသည်။ အောက်တွင်
သိရှိရလွယ်ကူစေရန် ထိုတန်ဖိုးများကို အုပ်စုခွဲပြထားသည်။ cursor များ၏ ပုံသဏ္ဌာန်သည်
ဘရောက်ဆာများအလိုက် ကွာခြားနိုင်သဖြင့် ကျွန်ုပ်သည် cursor များ၏ ဓာတ်ပုံများ မဖော်ပြဘဲ
တန်ဖိုးဇယားများအတွင်း အထူးကော်လံတစ်ခု ပြုလုပ်ထားပြီး၊ ၎င်းကော်လံ၏ cell အပေါ်သို့ mouse ဖြင့် ညွှန်ပြလိုက်ခြင်းဖြင့်
ဖော်ပြထားသော cursor ၏ ပုံသဏ္ဌာန်ကို မြင်တွေ့နိုင်မည် ဖြစ်သည်။
တန်ဖိုးများ
| တန်ဖိုး |
ဖော်ပြချက် |
ပုံသဏ္ဌာန် |
default |
မြှားပုံသဏ္ဌာန်ရှိသော စံညွှန်ပြ (pointer) ၏ ပုံသဏ္ဌာန်။
|
|
pointer |
�ဆိုပါ element သည် အသက်ဝင်ပြီး ၎င်းကို နှိပ်နိုင်ကြောင်း ပြသရန်အသုံးပြုသည်
(link များအတွက် ပုံမှန်အားဖြင့် ဤသို့ဖြစ်သည်)။
|
|
help |
element နှင့်အတူ အကူအညီ သို့မဟုတ် မေးခွန်းတစ်ခုခု ဆက်စပ်နေကြောင်း ပြသရန် အသုံးပြုသည်။
|
|
not-allowed |
လုပ်ဆောင်ချက်၏ မတရားမှုကို ပြသရန် အသုံးပြုသည်။
|
|
စာသား
| တန်ဖိုး |
ဖော်ပြချက် |
ပုံသဏ္ဌာန် |
text |
ဒေါင်လိုက် တိုင်ပုံသဏ္ဌာန်ရှိသော စံစာသား cursor။
|
|
vertical-text |
ဒေါင်လိုက်စာသားအတွက် စာသား cursor။
|
|
စောင့်ဆိုင်းခြင်း
| တန်ဖိုး |
ဖော်ပြချက် |
ပုံသဏ္ဌာန် |
progress |
လုပ်ဆောင်မှုတစ်ခု ဖြစ်ပျက်နေပြီး အသုံးပြုသူအနေဖြင့် စောင့်ဆိုင်းရန် လိုအပ်ကြောင်း ပြသရန် အသုံးပြုသည်။
|
|
wait |
အသုံးပြုသူအနေဖြင့် စောင့်ဆိုင်းရန် လိုအပ်ကြောင်း ပြသရန် အသုံးပြုသည်။
|
|
အရွယ်အစားပြောင်းလဲမှုအတွက် cursor
element တစ်ခု၏ အရွယ်အစားကို ပြောင်းလဲသောအခါ ဂုဏ်သတ္တိ၏ တန်ဖိုးကို ဤသို့ ဖွဲ့စည်းသည်- စကားလုံး resize နှင့်
၎င်းမတိုင်မီတွင် hyphen ဖြင့် ခွဲထားသော အက္ခရာ (သို့မဟုတ်) အက္ခရာအချို့၊ ဥပမာ- n-resize သို့မဟုတ် ne-resize။
ဤအက္ခရာများသည် အင်္ဂလိပ်လို ဦးတည်ရာအရပ်များ၏ ပထမဆုံး အက္ခရာများ ဖြစ်သည်- north - မြောက်၊ south - တောင်၊ east - အရှေ့၊
west - အနောက်။ ဤနေရာတွင် မြေပြင်မြေပုံများအတွက် လက်ခံထားသော သဘောတူညီချက်များကို အသုံးပြုသည်-
အပေါ်ဘက်တွင် မြောက်၊ အောက်ဘက်တွင် တောင်၊ ဘယ်ဘက်တွင် အနောက်၊ ညာဘက်တွင် အရှေ့။ သေချာသည်မှာ၊ ဤသည်မှာ ရှုပ်ထွေးစေသော်လည်း
တီထွင်ထားသည်အတိုင်း အသုံးပြုရမည်ဖြစ်သည်။
ထို့ကြောင့် တန်ဖိုးများမှာ အောက်ပါအတိုင်းဖြစ်သည်-
| တန်ဖိုး |
ဦးတည်ရာ |
အရပ်မျက်နှာ |
ပုံသဏ္ဌာန် |
n-resize |
အပေါ်သို့ |
north |
|
ne-resize |
ညာဘက်အပေါ်သို့ |
nord east |
|
e-resize |
ညာဘက်သို့ |
east |
|
se-resize |
ညာဘက်အောက်သို့ |
south east |
|
s-resize |
အောက်သို့ |
south |
|
sw-resize |
ဘယ်ဘက်အောက်သို့ |
south west |
|
w-resize |
ဘယ်ဘက်သို့ |
west |
|
nw-resize |
ဘယ်ဘက်အပေါ်သို့ |
nord west |
|
nesw-resize |
ညာဘက်အပေါ်နှင့် ဘယ်ဘက်အောက်သို့ |
nord east - south west |
|
nwse-resize |
ဘယ်ဘက်အပေါ်နှင့် ညာဘက်အောက်သို့ |
nord west - south east |
|
Element နှစ်ခု၏ အရွယ်အစားများ ပြောင်းလဲခြင်း
| တန်ဖိုး |
ဖော်ပြချက် |
ပုံသဏ္ဌာန် |
col-resize |
အလျားလိုက် ပြောင်းလဲခြင်း။ |
|
row-resize |
ဒေါင်လိုက် ပြောင်းလဲခြင်း။ |
|
စကေးချဲ့ခြင်း/ကျဉ်းခြင်း
| တန်ဖိုး |
ဖော်ပြချက် |
ပုံသဏ္ဌာန် |
zoom-in |
စကေးချဲ့ခြင်း။ |
|
zoom-out |
စကေးကျဉ်းခြင်း။ |
|
ရွေ့လျားခြင်း
| တန်ဖိုး |
ဖော်ပြချက် |
ပုံသဏ္ဌာန် |
move |
element ကို ရွှေ့ပြောင်းနိုင်ကြောင်း သို့မဟုတ် ရွှေ့ပြောင်းနေစဉ် ပြသရန် အသုံးပြုသည်။
|
|
all-scroll |
element ကို mouse ဖြင့် ဦးတည်ရာအကုန်လုံးတွင် လှိမ့်နိုင်ကြောင်း ပြသရန် အသုံးပြုသည်။
|
|
အမျိုးမျိုးသော
| တန်ဖိုး |
ဖော်ပြချက် |
ပုံသဏ္ဌာန် |
crosshair |
ပစ်မှတ်ထိပ်ဖူးပုံသဏ္ဌာန်ရှိသော ပုံသဏ္ဌာန်။
|
|
cell |
ပစ်မှတ်ထိပ်ဖူးပုံသဏ္ဌာန်ရှိသော ပုံသဏ္ဌာန်။
|
|
