Style objectPosition အဆင့်
- အရှေ့ပိုင်း စားသုံး objectFit
- နောက်ပိုင်း စားသုံး opacity
- အထိပ်သို့ ပြန် HTML DOM Style အိမ်အခြံ
အဆင့် အကြောင်းကြားချက် နှင့် အသုံးပြုခြင်း
objectPosition အဆင့်ကို ပြုပေးထားသည်။ <img> သို့မဟုတ် <video> ကျွန်တော်ကို အပြောက်ကျသော အချက်အလက်များအတွက် အစားထိုးထားသည်။
အခြား ကြည့်ရှုခြင်း
CSS ပြန်လည်ဖတ်ရှုခြင်းCSS object-fit
CSS အကြယ်စာအုပ်object-position အဆင့်
အမှတ်အသား
ယူးယုန်းအဆင့်ကို အစားထိုးပြီး ယူးယုန်းအဆင့်ကို အစားထိုးထားသည်။
document.getElementById("myImg").style.objectPosition = "0 10%";
ပြောပြချက်
objectPosition အဆင့် ကို ပြန်လည်ပေးထားသည်။
object.style.objectPosition
objectPosition အဆင့် ကို အစားထိုးထားသည်။
object.style.objectPosition = "position|initial|inherit"
အဆင့် အမှတ်
| အဆင့် | ဖော်ပြ |
|---|---|
| position |
ယူးယုန်းနှင့် အသေးစိတ်အတိုင်း အဆင့်ကို ပြုပေးထားသည်။ ပထမ အဆင့်က ကြောင်းအစိတ်အစိတ်အတိုင်း အဆင့်ကို ပြုပေးထားသည်။ ဒုတိယ အဆင့်က တစ်ခုခု အဆင့်ကို ပြုပေးထားသည်။ အဆင့်အမှတ် သို့မဟုတ် ဘာသာစကား (left, center သို့မဟုတ် right) သို့မဟုတ် စကေးလုံး (px သို့မဟုတ် %) အတိုင်း ဖြစ်နိုင်သည်။ ဝေးသော အဆင့်ကို ခွင့်ပြုထားသည်။ |
| initial | အခြေခံ အဆင့်ကို အစားထိုးထားသည်။ ထို့နောက် initial။ |
| inherit | မိဘအက်တိုးမှ အခြေခံထားသော အဆင့်ကို သုံးထားသည်။ ထို့နောက် inherit။ |
နည်းပါးလုံး
| မည်သည့် အဆင့်ကို အခြေခံ ပြုထားသည်။ | 50% 50% |
|---|---|
| ပြန်လည်ပေးသော အဆင့်： | ကွင်းစားမှုအတိုင်း သို့မဟုတ် စကေးလုံးအတိုင်း အဆင့်ကို ကိုယ်စားပြုထားသည်။ |
| CSS အဆင့်： | CSS3 |
ဘာသာစကားအသုံး
အချက်အလက်များက အပြောက်ကျသော ဘာသာစကားကို အထူးစားပြီး သတင်းသုံးသည့် ဘာသာစကားဖြင့် ဖော်ပြထားသည်။
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
- အရှေ့ပိုင်း စားသုံး objectFit
- နောက်ပိုင်း စားသုံး opacity
- အထိပ်သို့ ပြန် HTML DOM Style အိမ်အခြံ
