စီစ်စက်တိုက် အမှတ်အသား အချက်-အခြေခံ

အဆိုပါ အချက်အလက် အစီရင်ခံစာ

object-position အချက်အလက် နှင့် object-fit အချက်အလက် အပေါ် အသုံးပြုပြီး <img> သို့မဟုတ် <video> ကို အခြေခံ အပေါ်ဘက် အပေါ် ကို အခြေခံ x/y အရာများ ကို သတ်မှတ်ပါကြားသည်。

အခြား ကြည့်ရန်:

CSS ဖော်ပြCSS object-fit

CSS ပြည့်ပြည်း စာအုပ်CSS object-position

HTML DOM ပြည့်ပြည်း စာအုပ်objectPosition အချက်အလက်

အကြောင်းကြား

ရုပ်ပုံ၏ အကျယ်အဝန်း ကို အကောင်းကျသော အပေါ်ဘက် အပေါ် ကျသည့် အခြေခံ ဘာသာစကား ကို သိမ်းဆည်းပြီး အပေါ်ဘက် အပေါ် အရှေ့ဘက် 5px နှင့် အထပ်ပေါ် 10% ကို ပြောင်းလဲပါ။

img.a {
  width: 200px;
  height: 400px;
  object-fit: none;
  object-position: 5px 10%;
  border: 5px solid red;
}

ကိုယ်တိုင် ကြိုးစား

CSS ဘာသာစကား

object-position: position|initial|inherit;

အချက်အလက်

ပုံစံ ဖော်ပြ
position

ရုပ်ပုံ သို့မဟုတ် ဗွီဒီယို ကို ပါဝင်သော အကောင်းကျသော အပေါ်ဘက် နေရာ ကို သတ်မှတ်ပါကြားသည်。

ပထမ အချက်အလက် သည် x အဆင်း ကို ကွပ်ကဲပြီး ဒုတိယ အချက်အလက် သည် y အဆင်း ကို ကွပ်ကဲပြီး ဖြစ်သည်。

အချက်အလက် ဖြစ်နိုင် သည် (left, center သို့မဟုတ် right) သို့မဟုတ် အချက်အလက် (px သို့မဟုတ် %) ဖြစ်နိုင်သည်။ ဝေးခြင်း ကို ခွင့်ပြုသည်。
initial အခြေခံ ဘာသာစကား သို့ အခြေခံ ဘာသာစကား ကို သတ်မှတ်ပါ။ ကျမ်းကို ကြည့်ပါ: initial.
inherit အသုံးပြုသော အဖိုင်အရာမှ အခြေခံ ဘာသာစကား ကို သိမ်းဆည်းသည်။ ကျမ်းကို ကြည့်ပါ: inherit.

နည်းပါး သတင်း

မူကြမ်း သတ်မှတ်: 50% 50%
သိမ်းဆည်း: ရှိ
လှည့်ပြီး သတင်းစား: ထောက်ပံ့လှည့်ပြီး သတင်းစား.
ပုံစံ: CSS3
JavaScript ဘာသာစကား: object.style.objectPosition="0 10%"

ဘာသာစကား ထောက်ပံ့

အော်ဒါရုံးတွင်ရှိသော စကတ္ထများသည် အထူးသဖြင့် အခြေခံ ဘာသာစကား ကို ထောက်ပံ့သော ဘာသာစကား သည် အသုံးပြုသည် ဟု ညွှန်ပြသည်。

Chrome IE / Edge Firefox Safari Opera
31.0 16.0 36.0 10.0 19.0