CSS သင်္ချာလုပ်ဆောင်ချက်များ
CSS သင်္ချာလုပ်ဆောင်ချက်များသည် သင်္ချာဆိုင်ရာအချက်များကို ပိုင်ဆိုင်မှုတန်ဖိုးများအဖြစ် အသုံးပြုရန် ခွင့်ပြုသည်။ calc()
ဤတွင် ၊
max()
နှင့် min()
လုပ်ဆောင်ချက်များကို ရှင်းပြပါမည် ။
calc() လုပ်ဆောင်ချက်
calc()
လုပ်ဆောင်ချက်သည် ပိုင်ဆိုင်မှုတန်ဖိုးအဖြစ် အသုံးပြုရန် တွက်ချက်မှုကို လုပ်ဆောင်သည် ။
CSS Syntax
calc(expression)
Value | Description |
---|---|
expression | Required. A mathematical expression. The result will be used as the value. The following operators can be used: + - * / |
ဥပမာတစ်ခုကို ကြည့်ကြပါစို့။
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အကျယ်ကို တွက်ချက်ရန် calc() ကိုသုံးပါ-
#div1 {
position: absolute;
left: 50px;
width: calc(100% - 100px);
border: 1px solid black;
background-color: yellow;
padding: 5px;
}
max() လုပ်ဆောင်ချက်
လုပ်ဆောင်ချက်သည် ပိုင်ဆိုင်မှုတန်ဖိုးအဖြစ် ကော် မာ max()
-ခြားထားသော တန်ဖိုးများစာရင်းမှ အကြီးဆုံးတန်ဖိုးကို အသုံးပြုသည်။
CSS Syntax
max(value1, value2, ...)
Value | Description |
---|---|
value1, value2, ... | Required. A list of comma-separated values - where the largest value is chosen |
ဥပမာတစ်ခုကို ကြည့်ကြပါစို့။
ဥပမာ
#div1 ၏ အကျယ်ကို မည်သည့်တန်ဖိုးသည် အကြီးဆုံး၊ 50% သို့မဟုတ် 300px ကို သတ်မှတ်ရန် max() ကိုသုံးပါ-
#div1 {
background-color: yellow;
height: 100px;
width: max(50%, 300px);
}
min() လုပ်ဆောင်ချက်
min()
လုပ်ဆောင်ချက်သည် ပစ္စည်းတန်ဖိုးအဖြစ် ကော်မာ-ခြားထားသော တန်ဖိုးများစာရင်းမှ အသေးငယ်ဆုံးတန်ဖိုးကို အသုံးပြုသည် ။
CSS Syntax
min(value1, value2, ...)
Value | Description |
---|---|
value1, value2, ... | Required. A list of comma-separated values - where the smallest value is chosen |
ဥပမာတစ်ခုကို ကြည့်ကြပါစို့။
ဥပမာ
#div1 ၏ အကျယ်ကို မည်သည့်တန်ဖိုးသည် အသေးငယ်ဆုံး၊ 50% သို့မဟုတ် 300px သို့ သတ်မှတ်ရန် min() ကိုသုံးပါ-
#div1 {
background-color: yellow;
height: 100px;
width: min(50%, 300px);
}
CSS Math Functions အားလုံး
Function | Description |
---|---|
calc() | Allows you to perform calculations to determine CSS property values |
max() | Uses the largest value, from a comma-separated list of values, as the property value |
min() | Uses the smallest value, from a comma-separated list of values, as the property value |