CSS object-position Property
ဥပမာ
ပုံတစ်ပုံကို ၎င်း၏အကြောင်းအရာအကွက်နှင့် အံဝင်ခွင်ကျဖြစ်အောင် အရွယ်အစားပြောင်းပြီး ပုံအား ဘယ်ဘက်မှ 5px နှင့် အကြောင်းအရာဘောက်စ်အတွင်း ထိပ်မှ 10% ကို နေရာချထားပါ-
img.a {
width: 200px;
height:
400px;
object-fit: none;
object-position: 5px 10%;
border: 5px solid red;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
<img> သို့မဟုတ် <video> ကို ၎င်း၏ "ကိုယ်ပိုင်အကြောင်းအရာအကွက်" အတွင်းရှိ x/y သြ object-position
ဒိနိတ်များဖြင့် မည်ကဲ့သို့ နေရာချထားသင့်သည်ကို သတ်မှတ်ရန် ပိုင်ဆိုင်မှုအား object-fit နှင့် တွဲသုံးပါသည်။
မူလတန်ဖိုး: | 50% 50% |
---|---|
အမွေဆက်ခံသည်- | ဟုတ်တယ် |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.objectPosition="0 10%" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
object-position | 31.0 | 16.0 | 36.0 | 10.0 | 19.0 |
CSS Syntax
object-position: position|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
position | Specifies the position of the image or video inside its content box. First value controls the x-axis and the second value controls the y-axis. Can be a string (left, center or right), or a number (in px or %). Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS object-fit
CSS ရည်ညွှန်းချက်- CSS object-fit
HTML DOM ရည်ညွှန်း- objectPosition ပိုင်ဆိုင်မှု