ပုံစံ နောက်ခံပုံ ပိုင်ဆိုင်မှု
ဥပမာ
စာရွက်စာတမ်းတစ်ခုအတွက် နောက်ခံပုံတစ်ခုကို သတ်မှတ်ပါ-
document.body.style.backgroundImage = "url('img_tree.png')";
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
နောက်ခံပုံ ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ နောက်ခံပုံအား သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
အကြံပြုချက်- နောက်ခံပုံအပြင် နောက်ခံ-အရောင်ကိုလည်း သတ်မှတ်သင့်သည်။ ပုံမရရှိနိုင်ပါက နောက်ခံအရောင်ကို အသုံးပြုပါမည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
အထားအသို
နောက်ခံပုံ ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.backgroundImage
နောက်ခံပုံသဏ္ဍာန်ကို သတ်မှတ်ပါ-
object.style.backgroundImage = "url('URL')|none|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
url('URL') | The location of the image file |
none | No background image. This is default |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | မရှိ |
---|---|
ပြန်ပို့တန်ဖိုး- | နောက်ခံပုံအား ကိုယ်စားပြုသော စာတန်း |
CSS ဗားရှင်း | CSS1 |
နောက်ထပ် ဥပမာများ
ဥပမာ
သီးခြား <div> ဒြပ်စင်တစ်ခု၏ နောက်ခံပုံကို သတ်မှတ်ပါ-
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
ဥပမာ
သီးခြား <div> ဒြပ်စင်တစ်ခု၏ နောက်ခံပုံကို ပြန်ပေးသည်-
alert(document.getElementById("myDiv").style.backgroundImage);
ဥပမာ
စာရွက်စာတမ်းတစ်ခု၏ နောက်ခံပုံကို ပြန်ပေးသည်-
alert(document.body.style.backgroundImage);
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS နောက်ခံ
CSS3 သင်ခန်းစာ- CSS3 နောက်ခံ များ
CSS ရည်ညွှန်းချက်- နောက်ခံပုံ ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- နောက်ခံပိုင်ဆိုင်မှု