CSSNumericValue: mul() method
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Want more browser support for this feature? Tell us why.
Note: This feature is available in Web Workers.
The mul() method of the CSSNumericValue interface multiplies the CSSNumericValue by the supplied values.
Syntax
js
mul()
mul(number1)
mul(number1, number2)
mul(number1, number2, /* …, */ numberN)
Parameters
number1, …,numberNOptional-
Either a number or a
CSSNumericValue.
Return value
A CSSMathProduct, or a CSSUnitValue if this and every argument are plain numbers, or all but one of them are.
Exceptions
TypeError-
Thrown if an invalid type was passed to the method.
Examples
Basic usage
js
let mathProduct = CSS.px(23).mul(CSS.percent(4)).mul(CSS.cm(3)).mul(CSS.in(9));
// Prints "calc(23px * 4% * 3cm * 9in)"
console.log(mathProduct.toString());
Specifications
| Specification |
|---|
| CSS Typed OM Level 1 # dom-cssnumericvalue-mul |