စတိုင် နောက်ခံ အိမ်ခြံမြေ
ဥပမာ
စာရွက်စာတမ်းတစ်ခု၏ နောက်ခံပုံစံ
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right
top";
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
နောက်ခံပိုင်ဆိုင်မှုသည် သီးခြားနောက်ခံဂုဏ်သတ္တိရှစ်ခုအထိ သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
ဤပိုင်ဆိုင်မှုဖြင့်၊ သင်သည် အောက်ပါတစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော (မည်သည့်အစီအစဥ်တွင်မဆို သတ်မှတ်/ပြန်ယူနိုင်သည်)။
- နောက်ခံအရောင်
- နောက်ခံပုံ
- နောက်ခံ-အထပ်ထပ်
- နောက်ခံ-တွယ်တာမှု
- နောက်ခံအနေအထား
- နောက်ခံအရွယ်အစား
- နောက်ခံ-ဇာစ်မြစ်
- နောက်ခံကလစ်
အထက်ဖော်ပြပါ ဂုဏ်သတ္တိများကို သီးခြားစတိုင်ဂုဏ်သတ္တိများဖြင့်လည်း သတ်မှတ်နိုင်ပါသည်။ ပိုမိုကောင်းမွန်သော ထိန်းချုပ်နိုင်စွမ်းရှိရန်အတွက် သီးခြားဂုဏ်သတ္တိများကို အသုံးပြုခြင်းသည် အဆင့်မြင့်မဟုတ်သော စာရေးဆရာများအတွက် အထူးအကြံပြုထားသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
| Property | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
မှတ်ချက်- အောက်ဖော်ပြပါ တန်ဖိုးတစ်ခုစီအတွက် ဘရောက်ဆာတစ်ခုချင်းစီ၏ ပံ့ပိုးမှုကို ကြည့်ပါ။
အထားအသို
နောက်ခံပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.background
နောက်ခံပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.background = "color image
repeat attachment position size origin clip|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
| Value | Description |
|---|---|
| color | Sets the background color of an element |
| image | Sets the background image for an element |
| repeat | Sets how a background image will be repeated |
| attachment | Sets whether a background image is fixed or scrolls with the page |
| position | Sets the starting position of a background image |
| size | Sets the size of a background image |
| origin | Sets the background positioning area |
| clip | Sets the painting area of a background image |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
| မူလတန်ဖိုး: | transparent none ကို scroll 0% 0% auto padding-box border-box ထပ်လုပ်ပါ။ |
|---|---|
| ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ နောက်ခံကို ကိုယ်စားပြုသော စာကြောင်းတစ်ခု |
| CSS ဗားရှင်း | CSS3 တွင် CSS1 + ဂုဏ်သတ္တိအသစ်များ |
နောက်ထပ် ဥပမာများ
ဥပမာ
DIV ဒြပ်စင်တစ်ခု၏ နောက်ခံကို ပြောင်းပါ-
document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center";
ဥပမာ
စာရွက်စာတမ်းအတွက် နောက်ခံအရောင်ကို သတ်မှတ်ပါ-
document.body.style.backgroundColor = "red";
ဥပမာ
စာရွက်စာတမ်းတစ်ခုအတွက် နောက်ခံပုံတစ်ခုကို သတ်မှတ်ပါ-
document.body.style.backgroundImage = "url('img_tree.png')";
ဥပမာ
နောက်ခံပုံတစ်ပုံကို ထပ်တလဲလဲမလုပ်ရန် သတ်မှတ်ပါ-
document.body.style.backgroundRepeat = "repeat-y";
ဥပမာ
နောက်ခံပုံအား ပြုပြင်ရန် သတ်မှတ်ပါ (ရွှေ့မည်မဟုတ်ပါ)။
document.body.style.backgroundAttachment = "fixed";
ဥပမာ
နောက်ခံပုံ၏ အနေအထားကို ပြောင်းပါ-
document.body.style.backgroundPosition = "top right";
ဥပမာ
စာရွက်စာတမ်းတစ်ခု၏ နောက်ခံပိုင်ဆိုင်မှုတန်ဖိုးများကို ပြန်ပေးသည်-
document.body.style.background;
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS နောက်ခံ
CSS3 သင်ခန်းစာ- CSS3 နောက်ခံ များ
CSS ရည်ညွှန်းချက်- နောက်ခံပိုင်ဆိုင်မှု