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ă
selector {
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:
<div id="parent">
<div id="child"></div>
</div>
#child {
width: max(300px, 50%);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
: