calc လုပ်ဆောင်ချက်
calc လုပ်ဆောင်ချက်သည်
CSS property တန်ဖိုးများ၏ တွက်ချက်မှုများကို
လုပ်ဆောင်ခွင့်ပေးသည်။ ဤလုပ်ဆောင်ချက်သည်
သင်္ချာဆိုင်ရာ ဖော်ပြချက်တစ်ခုကို parameter အဖြစ်
လက်ခံပြီး ၎င်း၏ တွက်ချက်မှုရလဒ်ကို CSS property
တန်ဖိုးအဖြစ် အသုံးပြုနိုင်သည်။
ဖော်ပြချက်တွင် လုပ်ဆောင်ချက်များ
+, -, *, /
ပါဝင်နိုင်သည်။
ဝါကျဖွဲ့စည်းပုံ
ရွေးချယ်သူ {
property: calc(ဖော်ပြချက်);
}
ဥပမာ
ဘလောက်တစ်ခု၏ အနံသည် မိဘ element ၏
အနံ၏ 100% နှင့် ညီမျှပြီး
50px နုတ်ထားသည့် ပုံစံဖြစ်အောင် လုပ်ကြည့်ရအောင်:
<div id="parent">
<div id="child"></div>
</div>
#child {
width: calc(100% - 50px);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
:
