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);
}
Example
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;
}
:
