This feature is not Baseline because it does not work in some of the most widely-used browsers.
The max() method of the CSSNumericValue interface returns the highest value from among the values passed. The passed values must be of the same type.
max(number1, /* …, */ numberN)
number1, …, numberNEither a number or a CSSNumericValue.
A CSSUnitValue.
TypeErrorThrown if an invalid type was passed to the method.
As stated earlier, all passed values must be of the same type and value. Some of the following examples illustrate what happens when they are not.
// Prints "2cm"
console.log(CSS.cm("1").max(CSS.cm("2")).toString());
// Prints "max(1cm, 0.393701in)"
console.log(CSS.cm("1").max(CSS.in("0.393701")).toString());
| Specification |
|---|
| CSS Typed OM Level 1> # dom-cssnumericvalue-max> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
max |
66 | 79 | No | 53 | 16.4 | 66 | No | 47 | 16.4 | 9.0 | 66 | 16.4 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSNumericValue/max