CSS var() လုပ်ဆောင်ချက်
ဥပမာ
ပထမဦးစွာ၊ "--main-bg-color" ဟု အမည်ပေးထားသည့် ကမ္ဘာလုံးဆိုင်ရာ ကိန်းရှင်တစ်ခုကို ကြေညာပြီးနောက် စတိုင်စာရွက်တွင် နောက်ပိုင်းတွင် ကိန်းရှင်တန်ဖိုးကို ထည့်သွင်းရန် var() လုပ်ဆောင်ချက်ကို အသုံးပြုပါ။
:root {
--main-bg-color: coral;
}
#div1 {
background-color: var(--main-bg-color);
}
#div2 {
background-color: var(--main-bg-color);
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
CSS variable ၏တန်ဖိုးကို ထည့်သွင်းရန် var() လုပ်ဆောင်ချက်ကို အသုံးပြုသည်။
ဗားရှင်း- | CSS3 |
---|
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် လုပ်ဆောင်ချက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Function | |||||
---|---|---|---|---|---|
var() | 49.0 | 15.0 | 31.0 | 9.1 | 36.0 |
CSS Syntax
var(--name, value)
Value | Description |
---|---|
name | Required. The variable name (must start with two dashes) |
value | Optional. The fallback value (used if the variable is not found) |
နောက်ထပ် ဥပမာများ
ဥပမာ
CSS variable တန်ဖိုးများစွာကို ထည့်သွင်းရန် var() လုပ်ဆောင်ချက်ကို အသုံးပြုသည့် အခြားသော ဥပမာ-
:root {
--main-bg-color: coral;
--main-txt-color: blue;
--main-padding: 15px;
}
#div1 {
background-color: var(--main-bg-color);
color: var(--main-txt-color);
padding: var(--main-padding);
}
#div2 {
background-color: var(--main-bg-color);
color: var(--main-txt-color);
padding: var(--main-padding);
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Variables