CSS အရောင်သော့ချက်စာလုံးများ
ဤစာမျက်နှာသည် transparent
, currentcolor
, နှင့်
inherit
အဓိကစကားလုံးများကို ရှင်းပြပေးပါမည်။
ပွင့်လင်းသော Keyword
transparent
အရောင်ကို ပွင့်လင်းမြင်သာစေရန်အတွက် အဓိကစကားလုံးကို အသုံးပြုသည် ။ ဒြပ်စင်တစ်ခုအတွက် ပွင့်လင်းမြင်သာသော နောက်ခံအရောင်ပြုလုပ်ရန် ၎င်းကို မကြာခဏအသုံးပြုသည်။
ဥပမာ
ဤတွင်၊ <div> ဒြပ်စင်၏ နောက်ခံအရောင်သည် အပြည့်အဝ ပွင့်လင်းမည်ဖြစ်ပြီး၊ နောက်ခံပုံသည် အောက်ပါအတိုင်း ပြသလိမ့်မည်-
body {
background-image: url("paper.gif");
}
div {
background-color: transparent;
}
မှတ်ချက်- အဓိက transparent
စကားလုံးသည် rgba(0,0,0,0) နှင့် ညီမျှသည်။ RGBA အရောင်တန်ဖိုးများသည် အယ်လ်ဖာချန်နယ်တစ်ခုပါရှိသော RGB အရောင်တန်ဖိုးများ၏ တိုးချဲ့မှုတစ်ခုဖြစ်သည် - အရောင်တစ်ခုအတွက် အလင်းပိတ်မှုကို သတ်မှတ်ပေးသည်။ ကျွန်ုပ်တို့၏ CSS RGB အခန်းနှင့် ကျွန်ုပ်တို့၏ CSS အရောင်များ အခန်း တွင် ပိုမိုဖတ်ရှုပါ ။
လက်ရှိရောင်စုံသော့ချက်စာလုံး
သော့ချက်စကားလုံး သည် currentcolor
ဒြပ်စင်တစ်ခု၏ အရောင်ပိုင်ဆိုင်မှု၏ လက်ရှိတန်ဖိုးကို ကိုင်ဆောင်ထားသည့် ကိန်းရှင်တစ်ခုနှင့်တူသည်။
ဒြပ်စင်တစ်ခု သို့မဟုတ် စာမျက်နှာတစ်ခုတွင် တိကျသောအရောင်တစ်ခုကို ကိုက်ညီစေလိုလျှင် ဤသော့ချက်စကားလုံးသည် အသုံးဝင်နိုင်သည်။
ဥပမာ
ဤဥပမာတွင် <div> အစိတ်အပိုင်း၏ စာသားအရောင်သည် အပြာဖြစ်သောကြောင့် <div> ဒြပ်စင်၏ ဘောင်အရောင်သည် အပြာရောင်ဖြစ်လိမ့်မည်၊
div {
color: blue;
border: 10px solid currentcolor;
}
ဥပမာ
ဤဥပမာတွင် <div> ၏နောက်ခံအရောင်ကို ကိုယ်ထည်ဒြပ်စင်၏ လက်ရှိအရောင်တန်ဖိုးအဖြစ် သတ်မှတ်ထားသည်-
body {
color: purple;
}
div {
background-color:
currentcolor;
}
ဥပမာ
ဤဥပမာတွင် <div> ၏ဘောင်အရောင်နှင့် အရိပ်အရောင်ကို ကိုယ်ထည်ဒြပ်စင်၏ လက်ရှိအရောင်တန်ဖိုးအဖြစ် သတ်မှတ်ထားသည်-
body {
color: green;
}
div {
box-shadow: 0px 0px
15px currentcolor;
border: 5px solid currentcolor;
}
Keyword ကို အမွေဆက်ခံသည်။
သော့ချက်စကားလုံး က inherit
ပစ္စည်းတစ်ခုသည် ၎င်း၏တန်ဖိုးကို ၎င်း၏ပင်မဒြပ်စင်မှ အမွေဆက်ခံသင့်သည်ဟု သတ်မှတ်သည်။
inherit
သော့ချက်စကားလုံးကို မည်သည့် CSS ပိုင်ဆိုင်မှုနှင့်မဆို HTML ဒြပ်စင်အတွက် အသုံးပြုနိုင်သည် ။
ဥပမာ
ဤဥပမာတွင် <span> ၏ နယ်နိမိတ်ဆက်တင်များကို ပင်မဒြပ်စင်မှ အမွေဆက်ခံရလိမ့်မည်-
div {
border: 2px solid red;
}
span {
border:
inherit;
}