background-image ဂုဏ်သတ္တိ
background-image ဂုဏ်သတ္တိသည် အစိတ်အပိုင်းတစ်ခုအတွက် နောက်ခံပုံရိပ်ကို
သတ်မှတ်ပေးသည်။ မူလအတိုင်းဆိုလျှင် ပုံရိပ်သည် ၎င်း၏ မိတ္တူများဖြင့် ဘလောက်တစ်ခုလုံးကို
ဖုံးအုပ်သွားမည်ဖြစ်သော်လည်း၊
background-repeat ဂုဏ်သတ္တိကို အသုံးပြု၍
ဤအပြုအမူကို ပယ်ဖျက်နိုင်သည်။
ဖွဲ့စည်းပုံ
selector {
background-image: url(image သို့လမ်းကြောင်း);
}
selector {
background-image: none;
}
တန်ဖိုးများ
| တန်ဖိုး | ဖော်ပြချက် |
|---|---|
url |
ပုံရိပ်ဖိုင်သို့ လမ်းကြောင်း။ ပုံရိပ်၏အမည်ကို ဒွေးကော်ကျောက်သင်္ကေတများထဲတွင်၊ တစ်ချောင်းချင်းကော်ကျောက်သင်္ကေတများဖြင့် သို့မဟုတ် ကော်ကျောက်သင်္ကေတမပါဘဲ ထားနိုင်သည်။ |
none |
အစိတ်အပိုင်းအတွက် နောက်ခံပုံရိပ်ကို ပယ်ဖျက်သည်။ |
မူလအသွင်တန်ဖိုး: none.
ဥပမာ
background-image ကို အသုံးပြု၍ နောက်ခံပုံရိပ်ကို သတ်မှတ်ပါမည်၊
၎င်း၏ ထပ်ခါထပ်ခါဖြစ်ခြင်းကို background-repeat ဂုဏ်သတ္တိကို အသုံးပြု၍ တားမြစ်ပါမည်:
<div id="elem"></div>
#elem {
background-image: url("bg.png");
background-repeat: no-repeat;
width: 400px;
height: 300px;
border: 3px solid black;
}
:
ဥပမာ
background-repeat မပါဘဲ နောက်ခံပုံရိပ်သည်
ဘလောက်တစ်ခုလုံးကို ဖုံးအုပ်သွားမည်:
<div id="elem"></div>
#elem {
background-image: url("bg.png");
width: 400px;
height: 300px;
border: 3px solid black;
}
:
ဥပမာ
background-color ကို အသုံးပြု၍ နောက်ခံပုံရိပ်ကို သတ်မှတ်ခြင်းနှင့်
နောက်ခံအရောင်ကို သတ်မှတ်ခြင်းတို့ကို တစ်ပြိုင်နက် ပြုလုပ်နိုင်သည်။
ဤကိစ္စတွင် နောက်ခံပုံရိပ် မရှိသောနေရာတွင်
နောက်ခံအရောင်သည် ဖြစ်ပေါ်လာမည်:
<div id="elem"></div>
#elem {
background-color: orange;
background-image: url("bg.png");
background-repeat: no-repeat;
width: 400px;
height: 300px;
border: 3px solid black;
}
:
ဤအရာကိုလည်း ကြည့်ရှုပါ
-
backgroundဂုဏ်သတ္တိ,
နောက်ခံအတွက် အတိုကောက်ဂုဏ်သတ္တိ တစ်ခုဖြစ်သည်
