အနည်းဆုံး ဖန်ရှင်း

ဖန်ရှင်း min သည် ပေးထားသော တန်ဖိုးများထဲမှ အနည်းဆုံးတန်ဖိုးကို ရွေးချယ်ခွင့်ပြုသည်။ ဤဖန်ရှင်းသည် ပါရာမီတာအဖြစ် ကော်မာဖြင့် ခွဲထားသော တန်ဖိုးနှစ်ခု (သို့) ထို့ထက်ပိုသော တန်ဖိုးများကို လက်ခံပြီး ၎င်းတို့ထဲမှ အနည်းဆုံးတန်ဖိုးကို ပြန်ပေးသည်။

ဝါကျဖွဲ့စည်းပုံ

cssselector {
  property: min(value1, value2);
}

နမူနာ

ယခု ဘလောက်၏ width သည် မည်သည့်တန်ဖိုးက ပိုနည်းသနည်းဆိုသည်ကို မူတည်၍ တန်ဖိုး 300px (သို့) မိဘထံမှ 50% တစ်ခုခုကို ရယူလိမ့်မည်:

html<div id="parent">
  <div id="child"></div>
</div>
css#child {
  width: min(300px, 50%);
  height: 100px;
  margin: 0 auto;
  border: 1px solid red;
}
#parent {
  border: 1px solid green;
}

Результат:

ဤအရာကိုလည်း ကြည့်ပါ

  • ဖန်ရှင်း max,
    အများဆုံး တန်ဖိုးကို ပြန်ပေးသည်
  • ဖန်ရှင်း calc,
    ဂုဏ်သတ္တိများ၏ တန်ဖိုးများကို တွက်ချက်သည်