စီစဥ်ရေး offset ပုံစံ

ဒီသတင်းသတင်း နှင့် အသုံးပြုခြင်း

offset အရာသုံးစွဲနည်း အရ အစိတ်အစိတ် အသုံးပြုခြင်း အတွက် အရေးယူခြင်း နှင့် အခြားအရေးယူခြင်းများ သည် အဆိုပါ အရာများ အား ပြောင်းလဲစေသည်:

• offset-anchor
• offset-distance
• offset-path
• offset-position
• offset-rotate

အရေးယူခြင်း offset အရေးယူခြင်း မူကွဲခြင်း နှင့် အခြားအမှတ်အသားများ ကို အောက်ပါအရာများ ကို လေ့လာပါ。

အမှတ်အသား

အကျိုးသတ် 1

အသုံးပြုခြင်း offset အောက်ပါ <img> အရာ offset-path, offset-distance နှင့် offset-rotate အရေးယူခ�င်း အကွယ်အရေးသုံးစွဲနည်း:

img {
  offset: path('M 50 80 C 150 -20 250 180 350 80') 150px auto 45deg;
}

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

အကျိုးသတ် 2: offset-path နှင့် offset-rotate

<img> အီးယူပုံစံ ကို offset သုံးစွဲနည်း အရ offset-path နှင့် offset-rotate အရေးယူခ�င်း:

img {
  offset: path('M 50 80 C 150 -20 250 180 350 80') 45deg;
}

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

အကျိုးသတ် 3: offset-path နှင့် offset-distance

<img> အီးယူပုံစံ ကို offset သုံးစွဲနည်း အရ offset-path နှင့် offset-distance အရေးယူခြင်း:

img {
  offset: path('M 50 80 C 150 -20 250 180 350 80') 150px;
}

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

အမှတ် 4: offset-path、offset-distance、offset-rotate နှင့် offset-anchor

<img> အီးယူပုံစံ ကို offset offset-path、offset-distance、offset-rotate နှင့် offset-anchor အချက်အလက် အသုံးပြုသော အီးယူပုံစံ

img {
  offset: path('M 50 80 C 150 -20 250 180 350 80') 150px -90deg / 0% 50%;
}

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

CSS ဘာသာ

offset: auto|value|initial|inherit;

အချက်အလက်

နည်းပါး

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

အချက်အလက်များတွင် အသုံးပြုသော ဘာသာပြန် ပုံစံ ကို ပြသည်

ပေါ်လွှာ

သင်ကြားSVG လမ်း

သင်ကြားCSS လှုပ်ရှား

ကိုးကားစီစဥ်ရေး offset ပုံစံ

ကိုးကားစီစဥ်ရေး offset-anchor ပုံစံ

ကိုးကားစီစဥ်ရေး offset-distance ပုံစံ

ကိုးကားစီစဥ်ရေး offset-path ပုံစံ

ကိုးကားစီစဥ်ရေး offset-position ပုံစံ

ကိုးကားစီစဥ်ရေး offset-rotate ပုံစံ