Min функциясы

min функциясы берілген мәндердің ішінен ең кішісін таңдауға мүмкіндік береді. Функция параметр ретінде үтірлермен бөлінген екі немесе одан да көп мән қабылдайды және олардың ішінен ең кішісін қайтарады.

Синтаксис

cssселектор {
  қасиет: min(мән1, мән2);
}

Мысал

Қазір блоктың енінің мәні 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;
}

Результат:

Сондай-ақ қараңыз