Draft
This page is not complete.
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The add()
method of the CSSNumericValue
interface adds a supplied number to the CSSNumericValue
.
Syntax
var cssMathSum = CSSNumericValue.add(double | CSSNumericValue);
Parameters
- number
- either a
Number
or aCSSNumericValue
.
Return value
Exceptions
- TypeError
- Indicates that an invalid type was passed to the method.
Examples
let mathSum = CSS.px("23").add(CSS.percent("4")).add(CSS.cm("3")).add(CSS.in("9")); // Prints "calc(23px + 4% + 3cm + 9in)" console.log(mathSum.toString());
Specifications
Specification | Status | Comment |
---|---|---|
CSS Typed OM Level 1 The definition of 'add' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
add | Chrome Full support 66 | Edge Full support 79 | Firefox No support No | IE No support No | Opera Full support 53 | Safari No support No | WebView Android Full support 66 | Chrome Android Full support 66 | Firefox Android No support No | Opera Android Full support 47 | Safari iOS No support No | Samsung Internet Android Full support 9.0 |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.