background-image ဂုဏ်သတ္တိ

background-image ဂုဏ်သတ္တိသည် အစိတ်အပိုင်းတစ်ခုအတွက် နောက်ခံပုံရိပ်ကို သတ်မှတ်ပေးသည်။ မူလအတိုင်းဆိုလျှင် ပုံရိပ်သည် ၎င်း၏ မိတ္တူများဖြင့် ဘလောက်တစ်ခုလုံးကို ဖုံးအုပ်သွားမည်ဖြစ်သော်လည်း၊ background-repeat ဂုဏ်သတ္တိကို အသုံးပြု၍ ဤအပြုအမူကို ပယ်ဖျက်နိုင်သည်။

ဖွဲ့စည်းပုံ

cssselector {
  background-image: url(image သို့လမ်းကြောင်း);
}

cssselector {
  background-image: none;
}

တန်ဖိုးများ

မူလအသွင်တန်ဖိုး: none.

ဥပမာ

background-image ကို အသုံးပြု၍ နောက်ခံပုံရိပ်ကို သတ်မှတ်ပါမည်၊ ၎င်း၏ ထပ်ခါထပ်ခါဖြစ်ခြင်းကို background-repeat ဂုဏ်သတ္တိကို အသုံးပြု၍ တားမြစ်ပါမည်:

html<div id="elem"></div>

css#elem {
  background-image: url("bg.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border: 3px solid black;
}

Результат:

ဥပမာ

background-repeat မပါဘဲ နောက်ခံပုံရိပ်သည် ဘလောက်တစ်ခုလုံးကို ဖုံးအုပ်သွားမည်:

html<div id="elem"></div>

css#elem {
  background-image: url("bg.png");
  width: 400px;
  height: 300px;
  border: 3px solid black;
}

Результат:

ဥပမာ

background-color ကို အသုံးပြု၍ နောက်ခံပုံရိပ်ကို သတ်မှတ်ခြင်းနှင့် နောက်ခံအရောင်ကို သတ်မှတ်ခြင်းတို့ကို တစ်ပြိုင်နက် ပြုလုပ်နိုင်သည်။ ဤကိစ္စတွင် နောက်ခံပုံရိပ် မရှိသောနေရာတွင် နောက်ခံအရောင်သည် ဖြစ်ပေါ်လာမည်:

html<div id="elem"></div>

css#elem {
  background-color: orange;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  width: 400px;
  height: 300px;
  border: 3px solid black;
}

Результат:

ဤအရာကိုလည်း ကြည့်ရှုပါ