စက်တင် အလက်အနက် ပုံစံ-ပြန်လည်

定义和用法

mask-repeat 属性设置遮罩图像是否/如何重复。

မူးမြတ်စွာ အကြောင်းအရာ အပိုင်းခွဲ တက်ရောက်သွားသည်。

အမှတ်အသား

ဘာသာစကား 1

အသုံး mask-repeat: no-repeat; နှင့် mask-repeat: repeat;:

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

ကိုယ်တိုင် စစ်ဆေးကြည့်

ဘာသာစကား 2

အသုံး mask-repeat: round; နှင့် mask-repeat: space;:

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 30%;
  mask-repeat: round;
}
.mask2 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 30%;
  mask-repeat: space;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

ဘာသာစကား 3

အသုံး mask-repeat: repeat-x; နှင့် mask-repeat: repeat-y;:

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 30%;
  mask-repeat: repeat-x;
}
.mask2 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 30%;
  mask-repeat: repeat-y;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

CSS ဘာသာစကား

mask-repeat: repeat|repeat-x|repeat-y|space|round|no-repeat|initial|inherit;

အခြေအနေ

သတ်မှတ် ကြောင်းအရာ
repeat

အကြောင်းအရာ အပိုင်းခွဲ အားလုံး တက်ရောက်သွားသည်。

နောက်ပိုင်း အကြောင်းအရာ မမြင်နိုင်သေးသဖြင့် ကြိုးစားပြီး ပြုပြင်လိုက်သည်。

အခြေခံ
repeat-x အကြောင်းအရာ အပိုင်းခွဲ အားလုံး ချီတက်သွားသည်。
repeat-y အကြောင်းအရာ အပိုင်းခွဲ အားလုံး တူတူ တက်ရောက်သွားသည်。
space

အကြောင်းအရာ အပိုင်းခွဲ အများဆုံး ပြန်လည်ပြောင်းလဲ၍ အပိုင်းခွဲ ကို ကိုင်တွယ်လိုက်လျှင် အပိုင်းခွဲ ကို ကိုင်တွယ်လိုက်၍ ပြုလုပ်၍ ကြီးလာစေသည်。

ပထမပိုင်း အကြောင်းအရာ နှင့် နောက်ပိုင်း အကြောင်းအရာ အထိပ်သိမ်းသော အခြေအနေကို အစိတ်ပိုင်း ကို ကူညီပြီး အစိတ်ပိုင်း အကြား အချိန် ကွဲပြားစွာ ဖြစ်သည်。
round အကြောင်းအရာ အပိုင်းခွဲ ပြန်လည်ပြောင်းလဲ၍ အပိုင်းခွဲ ကို ကိုင်တွယ်လိုက်လျှင် ကိုင်တွယ်လိုက်၍ ကြီးလာစေသည် (အကျယ်အဝန်း အောက်မှာ အကျယ်အဝန်း အောက် မရှိသေးပါ)。
no-repeat အကြောင်းအရာ အပိုင်းခွဲ
initial ထိုအခြေအနေကို မူးမြတ်စွာ ကျွဲပြီး လေ့လာကြည့်。 initial。
inherit မိဘအဖွဲ့မှ ထိုအခြေအနေကို ကူညီပြီး လေ့လာကြည့်。 inherit。

နည်းပါးစံ

မူးမြတ်စွာ: repeat
အထိပ်သိမ်းမှု: မမှန်
လှည့်ပတ်လုပ်ကြံ့ ပြုလုပ်: မမြင်နိုင်လှည့်ပတ်လုပ်ကြံ့ အခြေအနေ。
ပုံစံ: CSS Masking Module Level 1
JavaScript ဘာသာစကား: object.style.maskRepeat="no-repeat"

ဘာသာစကား ကူညီ

တူးဖက်လုံးမှာ ထိုအခြေအနေကို အထူးထိုက်ချင်သော ဘာသာစကား ဘာသာစကား ကို အော်ချယ်ထားသည်。

ခရိုမေး အက်ဒီ ဖလင့် စတက် တရားဖြစ်
120 120 53 15.4 106

ပတ်သတ်သည့်စား

ပြန်လည်ပြောဆိုCSS ဖုံးချိုး

လိုအပ်သည့်အချက်စက်တင် အလက်အနက် ပုံစံ

လိုအပ်သည့်အချက်စက်တင် အလက်အနက် ပုံစံ-ကိုင်ဆိုင်

လိုအပ်သည့်အချက်စက်တင် အလက်အနက် ပုံစံ-ကုံးနှိပ်

လိုအပ်သည့်အချက်စက်တင် အလက်အနက် ပုံစံ-ပုံ

လိုအပ်သည့်အချက်စက်တင် အလက်အနက် ပုံစံ-ပုံအချက်

လိုအပ်သည့်အချက်စက်တင် အလက်အနက် ပုံစံ-စခရိုင်

လိုအပ်သည့်အချက်စက်တင် အလက်အနက် ပုံစံ-စခရိုင်အချက်

လိုအပ်သည့်အချက်စက်တင် အလက်အနက် ပုံစံ-အရွယ်

လိုအပ်သည့်အချက်စက်တင် အလက်အနက် ပုံစံ-အမျိုး