CSS @import အခြေအနေ
အသုံးပြုခြင်း နှင့် အသုံးချက်
@import အခြေအနေ အချက်အလက် အခြေခံ အခြား အချက်အလက် အခြား အချက်အလက် ကို ဆက်သွယ်နိုင်သည်။
@import အခြေအနေ အခွင့်အရေး သတ်မှတ်ထားသော အချိန်အခြေအနေ တွင် အချင်းအား အပြီးတွင် ရှိသည် (သို့မဟုတ် @charset အခြေခံ အပြီးတွင်)။
@import အခြေအနေ မီဒီယာစစ်ဆေး ကို ထောက်ပံ့ပေးသည်မှာ ဖြစ်သည်မှာ မီဒီယာအခြေခံ ကို ဆက်သွယ်နိုင်သည်။
အကျိုးသတ္တု
အမှတ် ၁
"navigation.css" အဆိုပါ စံပြင်များ ကို တစ်ခုတည်းသော စံပြင်များ ကို ဆက်သွယ်ပါ။
@import "navigation.css"; /* စကားလုံးပုံအသုံးပြု */
သို့မဟုတ်
@import url("navigation.css"); /* အော်ဒါလိပ်အသုံးပြု */
အမှတ် ၂
မီဒီယာအား ပေါ်ရှိသော မှသာ "printstyle.css" အဆိုပါ စံပြင်များ ကို ဆက်သွယ်ပါ။
@import "printstyle.css" print;
အမှတ် ၃
မီဒီယာအား ပေါ်ရှိသော နှင့် ဗော်ငွေ့အရွယ် ၇၆၈ ပေါင်း အထိ အကြီးအသားဖြစ်စေ မှသာ "mobstyle.css" အဆိုပါ စံပြင်များ ကို ဆက်သွယ်ပါ။
@import "mobstyle.css" screen and (max-width: 768px);
CSS ဘာသာစကား
@import url|string list-of-mediaqueries;
အချက်အလက်အသုံးပြုခြင်း
| အမှတ် | ဖော်ပြ |
|---|---|
| url|string | url သို့မဟုတ် စကားလုံးပုံ တစ်ခု၊ လက်ဆုံးရှိသော ကိရိက်ဖြင့် ဆက်သွယ်သော ကိရိက်အချင်းအား ကို ကိုးကားသည်။ url အား အပြည်ပြည်ထောင်စုအခြေခံ သို့မဟုတ် အတွင်းပိုင်း ဖြစ်ကောင်းသည်။ |
| list-of-mediaqueries | အမှတ်ပေါင်းဖြင့် ကွဲဖြတ်ထားသော မီဒီယာစစ်ဆေးမှာ အော်ဒါလိပ်ဖြင့် ဆက်သွယ်ထားသော CSS ကို သီးခြားအခြေအနေများအရ အသုံးပြုသည်။ |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
