CSS background အချက်အလက်
- အရှေ့စားစား backface-visibility
- နောက်ပိုင်းစား background-attachment
အသုံးပြုခြင်း နှင့် အသုံးချက်
background
နောက်ဆက်တွဲ အကျိုးသတ္တိ အရ အသုံးပြုနိုင်သော ပါးစပ်အရာများ အောက်ပါအတိုင်း အစားထိုးနိုင်ပါသည်။
အထူးပြုထားသည်များ အောက်ပါအတိုင်း အစားထိုးနိုင်ပါသည်။
- background-color
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
- background-image
အရာတခုခု သတ်မှတ်မရှိဘဲ မန့်မှု မရှိသေးပါ။ ဥပမာ၊ background:#ff0000 url('smiley.gif'); လည်း ခွင့်ပြုထားသည်။
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
အခြား အသိအမှတ်ပြုရာ
CSS ဖော်ပြCSS အရွယ်、CSS အပြင်းအတော် ဗီရိုက်ယာဉ်
HTML DOM အစီအစဉ်သတင်းကြည့်background ဗီရိုက်ယာဉ် အရာ
အမှု
တစ်ခုတည်းသော အချက်အလက်မှ အပြင်းအတော် အချက်အလက်များ စီစဥ်သုံးစွဲရန် ဘာကြောင့်
body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; }
CSS ပုံစံ
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
ဗီရိုက်ယာဉ် အရာ
အရာ | ဖော်ပြ | CSS |
---|---|---|
background-color | အပြင်းအတော် အနေဖြင့် သို့မဟုတ် အခြေခံ စားပွားရေး ကို အပေါ်မှ အသုံးပြုသည် | 1 |
background-position | အပြင်းအတော် အနေဖြင့် သို့မဟုတ် အခြေခံ စားပွားရေး ကို အပေါ်မှ အသုံးပြုသည် | 1 |
background-size | အပြင်းအတော် အနေဖြင့် သို့မဟုတ် အခြေခံ စားပွားရေး ကို အပေါ်မှ အသုံးပြုသည် | 3 |
background-repeat | အပြင်းအတော် အနေဖြင့် သို့မဟုတ် အခြေခံ စားပွားရေး ကို အပေါ်မှ အသုံးပြုသည် | 1 |
background-origin | အပြင်းအတော် အနေဖြင့် သို့မဟုတ် အခြေခံ စားပွားရေး ကို အပေါ်မှ အသုံးပြုသည် | 3 |
background-clip | အပြင်းအတော် အနေဖြင့် သို့မဟုတ် အခြေခံ စားပွားရေး ကို အပေါ်မှ အသုံးပြုသည် | 3 |
background-attachment | အပြင်းအတော် အနေဖြင့် သို့မဟုတ် အခြေခံ စားပွားရေး ကို အပေါ်မှ အသုံးပြုသည် | 1 |
background-image | အသုံးပြုသည် ပြီး အပေါ်မှ အသုံးပြုသည် ပြီး အပေါ်မှ အသုံးပြုသည် ပြီး အပေါ်မှ အသုံးပြုသည် | 1 |
inherit | အဖွဲ့စည်းပုံကို အဖိုက်အဖိုး ဗီရိုက်ယာဉ်မှ အပေါ်မှ အသုံးပြုသည် လို့ ရည်ရွယ်သည်။ | 1 |
နည်းပါးစံ
မနှိပ်တဲ့ အရာ | not specified |
---|---|
အစီအစဉ်လုပ်ဆောင် | no |
ကုဒ္ဒြပ် | CSS1 + CSS3 |
JavaScript ပုံစံ | object.style.background="white url(paper.gif) repeat-y" |
ဗီရိုက်ယာဉ် ကူညီ
အချက်အလက်များသည် ထို ဗီရိုက်ယာဉ်မှ အဖွဲ့စည်းပုံကို ပြည့်စုံအောင် ကူညီသော ပထမဆုံး ဗီရိုက်ယာဉ် အမှတ်ကို သုံးစွဲသည်။
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- အရှေ့စားစား backface-visibility
- နောက်ပိုင်းစား background-attachment