Funcția min
Funcția min permite selectarea celei mai mici
dintre valorile transmise. Funcția ca
parametri acceptă două sau mai multe valori,
separate prin virgule, și returnează cea mai mică
dintre ele.
Sintaxă
selector {
proprietate: min(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 mică:
<div id="parent">
<div id="child"></div>
</div>
#child {
width: min(300px, 50%);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
:
