စတုရန်းအောက်ခြေအိတ် အချက်အလက်-စိတ်ပုံ ပုံစံ

  • အရောက် စာကြိုး mask-origin
  • နောက်ပိုင်း စာကြိုး mask-repeat

定义和用法

mask-position 属性设置遮罩图像的起始位置（相对于遮罩位置区域）。

提示：默认情况下，遮罩图像放置在元素的左上角，并在垂直和水平方向上重复。

အကျိုးသက်

အမှတ် 1

ပိုင်းခွဲ ယူနီယံ အရာ ဗဟိုသို့ ပြတ်သက်ထားပါ:

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 50%;
  mask-repeat: no-repeat;
  mask-position: center;
}

ကျွန်တော် မှ ကြိုးစားလျှင်

အမှတ် 2

ပိုင်းခွဲ ယူနီယံ အရာ နောက်အရှေ့သို့ ပြတ်သက်ထားပါ:

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 50%;
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
}

ကျွန်တော် မှ ကြိုးစားလျှင်

CSS ဘာသာပြန်လည်

mask-position: value;

အခြေခံ အကြိမ်ကြိမ်

အကြိမ်ကြိမ် ဖော်ပြ
  • left top
  • left center
  • left bottom
  • right top
  • right center
  • right bottom
  • center top
  • center center
  • center bottom
 အကြိမ်ကြိမ် တစ်ခု သာ သတ်မှတ်လျှင် တကယ်တော် အကြိမ်ကြိမ် "center" ဖြစ်သည်။
x% y%

ပထမဆုံး အကြိမ်ကြိမ် ဖြစ်သည် အချိန်ဇုန် အခြေခံ ဖြစ်သည်။ ဒုတိယဆုံး အကြိမ်ကြိမ် ဖြစ်သည် အရှေ့မြောက် အခြေခံ ဖြစ်သည်။

အရှေ့မြောက် 0% 0% ဖြစ်သည်။ အတော်လေးတော် အရှေ့မြောက် 100% 100% ဖြစ်သည်။

အကြိမ်ကြိမ် တစ်ခု သာ သတ်မှတ်လျှင် တကယ်တော် အကြိမ်ကြိမ် 50% ဖြစ်သည်။

မူကျ အကြိမ်ကြိမ် 0% 0% ဖြစ်သည်။
xpos ypos

ပထမဆုံး အကြိမ်ကြိမ် ဖြစ်သည် အချိန်ဇုန် အခြေခံ ဖြစ်သည်။ ဒုတိယဆုံး အကြိမ်ကြိမ် ဖြစ်သည် အရှေ့မြောက် အခြေခံ ဖြစ်သည်။

အရှေ့မြောက်ဝတ်ပြု ဖြစ်သည်။ ဗဟိုကို 0 0 ဖြစ်သည်။ အဆင့် အသုံးပြုနိုင်သည် အပိုင်းအခြား ဘာသာပြန်လည် ဖြစ်သည်။

အကြိမ်ကြိမ် တစ်ခု သာ သတ်မှတ်လျှင် တကယ်တော် အကြိမ်ကြိမ် 50% ဖြစ်သည်။

ကိုယ်စား နှင့် စက်တင် ကို အသုံးပြုပါ。
initial အခြေခံ အကြိမ်ကြိမ် ကို ကိုယ်စားပြုပါ။ ကျမ်းကြည့်: initial。
inherit ဖြစ်သော အကြိမ်ကြိမ် မှ အကြိမ်ကြိမ် သို့ အခြေခံ အကြိမ်ကြိမ် ကို အသုံးပြုပါ။ ကျမ်းကို ကြည့်ပါ: inherit。

နည်းပါးဆိုင်ရာ

မူကျခြင်း: 0% 0%
အပြုအမူ မမှန်
လှည့်ပတ် အသုံးပြု ထောက်ပံ့ခြင်း မရှိပါ။ ထို့နောက်:လှည့်ပတ် သတ္တုပစ္စည်း。
ကြိမ်နှုန်း: CSS Masking Module Level 1
JavaScript ဘာသာပြန်လည် object.style.maskPosition="100px center"

ဘာသာပြန်လည် ကူးကြောင်း

အချက်အလက်များတွင် ဖြစ်သည့် အခြေခံ ဘာသာပြန်လည် ကို ထောက်ပံ့သော ဘာသာပြန်လည် ကို ပေါ်လစ်မှာ သုံးနိုင်သည်။

ချည် အန်ဂီ ဖက်ဝပ် ဝါဖို နိုင်ငံ
120 120 53 15.4 106

ကိုယ်စားပြုရာ စာကြိုး

ပညာရှိCSS ခွေရိုး

လိုက်ခတ်ရာစတုရန်းအောက်ခြေအိတ် အချက်အလက် ပုံစံ

လိုက်ခတ်ရာစတုရန်းအောက်ခြေအိတ် အချက်အလက်-အပေါ်အဆောက် ပုံစံ

လိုက်ခတ်ရာစတုရန်းအောက်ခြေအိတ် အချက်အလက်-ပေါင်းစပ် ပုံစံ

လိုက်ခတ်ရာစတုရန်းအောက်ခြေအိတ် အချက်အလက်-ယဉ်ကျေးမှု ပုံစံ

လိုက်ခတ်ရာစတုရန်းအောက်ခြေအိတ် အချက်အလက်-ပုံစံ ပုံစံ

လိုက်ခတ်ရာစတုရန်းအောက်ခြေအိတ် အချက်အလက်-အစိတ်အပိုင်း ပုံစံ

လိုက်ခတ်ရာစတုရန်းအောက်ခြေအိတ် အချက်အလက်-ပြန်လည် ပုံစံ

လိုက်ခတ်ရာစတုရန်းအောက်ခြေအိတ် အချက်အလက်-အရွယ် ပုံစံ

လိုက်ခတ်ရာစတုရန်းအောက်ခြေအိတ် အချက်အလက်-အမျိုးအစား ပုံစံ

  • အရောက် စာကြိုး mask-origin
  • နောက်ပိုင်း စာကြိုး mask-repeat