Funcția max

Funcția max permite selectarea valorii maxime dintre valorile transmise. Funcția acceptă ca parametri două sau mai multe valori, separate prin virgule, și returnează valoarea maximă dintre acestea.

Sintaxă

cssselector {
  proprietate: max(valoare1, valoare2);
}

Exemplu

Acum lățimea blocului va avea valoarea fie de 300px fie de 50% din părinte, în funcție de care dintre valori este mai mare:

html<div id="parent">
  <div id="child"></div>
</div>

css#child {
  width: max(300px, 50%);
  height: 100px;
  margin: 0 auto;
  border: 1px solid red;
}
#parent {
  border: 1px solid green;
}

Результат:

Vedeți și