CSS အရိပ် အစိတ်

အသုံးပြုခြင်း နှင့် ဖော်ပြ

background-origin အခြေအနေ background-position အခြေအနေ အား မည်သည့် နေရာမှ ဖော်ပြထားသည်。

အမှတ်နောက်ခံ ပုံစံကြောင်း အချက်အလက်များ အား background-attachment “fixed“”，ထို့ကြောင့် အခြေအနေ အကျိုးသက်ရောက်မှု မရှိ

အခြား ကူညီပေးသည်：

CSS ဖော်ပြချက်：စက်တင်စကားလုံး အခြေ、CSS ဘရောက်တာ (အထူး)

HTML DOM ခေတ်ခန်းများ ကို ကူညီပေးသည်：backgroundOrigin အခြေအနေ

အမှတ်

content-box နှင့် နောက်ခံ ပုံစံကြောင်း ပေါ်မှ ဘရောက်တာ ပုံစံကြောင်း ဖော်ပြထားသည်：

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

ကိုယ်တိုင် ကြိုးစားလေ့ကျင့်ပါ

CSS ပုံစံ

background-origin: padding-box|border-box|content-box;

အခြေအနေ

အချက်အလက် ဖော်ပြ စစ်ဆေး
padding-box နောက်ခံ ပုံစံကြောင်း အချက်အလက်များ ကို ဖော်ပြထားသည်。 စစ်ဆေး
border-box နောက်ခံ ပုံစံကြောင်း အချက်အလက်များ ကို ဖော်ပြထားသည်。 စစ်ဆေး
content-box နောက်ခံ ပုံစံကြောင်း အချက်အလက်များ ကို ဖော်ပြထားသည်。 စစ်ဆေး

နည်းပညာ အချက်အလက်

မည်သည့် အခြေအနေကို မပြောင်းလဲ padding-box
သက်ရောက်မှု့်အရေးပါခြင်း： no
ပုံစံ： CSS3
JavaScript ပုံစံ： object.style.backgroundOrigin="content-box"

ဘရောက်တာ အထောက်အပံ့

အချက်အလက်များက ဤအခြေအနေကို အထူးသဖြင့် ကူညီပေးသော ဘရောက်တာကွန်ပျူတာကို ဖော်ပြထားသည်。

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
4.0 9.0 4.0 3.0 10.5