min funksiyası

min funksiyası verilmiş dəyərlərdən minimal olanı seçməyə imkan verir. Funksiya parametr kimi vergüllə ayrılmış iki və ya daha çox dəyər qəbul edir və onlardan ən kiçiyini qaytarır.

Sintaksis

cssselektor {
  xassə: min(dəyər1, dəyər2);
}

Nümunə

İndi blokun eni ya 300px ya da valideyndən 50% dəyərinə sahib olacaq, hansı ki, daha kiçikdir:

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;
}

Результат:

Həmçinin bax