CSSMathNegate: CSSMathNegate() constructor

Note: This feature is available in Web Workers.

The CSSMathNegate() constructor creates a new CSSMathNegate object which negates the value passed into it.

Syntax

js
new CSSMathNegate(arg)

Parameters

arg

A number or CSSNumericValue that represents the value to negate.

Exceptions

None.

Examples

undefined

Basic usage

The following code creates a CSSMathNegate object from a length, then logs the constructor name, value, and the object's serialization (from toString()).

js
const negated = new CSSMathNegate(CSS.px(10));

console.log(negated.constructor.name); // "CSSMathNegate"
console.log(negated.value); // CSSUnitValue {value: 10, unit: "px"}
console.log(negated.toString()); // "calc(-10px)"

Note that if a plain number is passed to arg, the value is rectified to a CSSUnitValue with unit "number":

js
const negatedNumber = new CSSMathNegate(4);

console.log(negatedNumber.value); // CSSUnitValue {value: 4, unit: "number"}

Specifications