The max function
The max
function allows you to select
the maximum of passed values. The function
takes two or more values as parameters,
separated by commas, and returns the
maximum of them.
Syntax
selector {
property: max(value1, value2);
}
Пример
Now the block width will be either
300px
or 50%
of the
parent, whichever is greater:
<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;
}
: