CSSNumericValue
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The CSSNumericValue
interface of the CSS Typed Object Model API represents operations that all numeric values can perform.
Interfaces based on CSSNumericValue
Below is a list of interfaces based on the CSSNumericValue interface.
CSSMathClamp
CSSMathInvert
CSSMathMax
CSSMathMin
CSSMathNegate
CSSMathProduct
CSSMathSum
CSSMathValue
CSSNumericArray
CSSUnitValue
Properties
None.
Methods
Instance methods
CSSNumericValue.add
-
Adds a supplied number to the
CSSNumericValue
. CSSNumericValue.sub
-
Subtracts a supplied number from the
CSSNumericValue
. CSSNumericValue.mul
-
Multiplies the
CSSNumericValue
by the supplied value. CSSNumericValue.div
-
Divides the
CSSNumericValue
by the supplied value. CSSNumericValue.min
-
Returns the minimum value passed
CSSNumericValue.max
-
Returns the maximum value passed
CSSNumericValue.equals
-
True if all the values are the exact same type and value, in the same order. Otherwise, false.
CSSNumericValue.to
-
Converts
value
into another one with the specified unit. CSSNumericValue.toSum
-
Converts an existing
CSSNumericValue
into aCSSMathSum
object with values of a specified unit. CSSNumericValue.type
-
Returns the type of
CSSNumericValue
, one ofangle
,flex
,frequency
,length
,resolution
,percent
,percentHint
, ortime
.
Static methods
CSSNumericValue.parse
-
Allows a
CSSNumericValue
to be constructed directly from a string containing CSS.
Specifications
Specification |
---|
CSS Typed OM Level 2 (CSS Typed OM 2) # numeric-value |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
CSSNumericValue |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
add |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
div |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
equals |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
max |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
min |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
mul |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
parse |
66
Not exposed to PaintWorklet.
|
79
Not exposed to PaintWorklet.
|
No |
No |
53
Not exposed to PaintWorklet.
|
No |
66
Not exposed to PaintWorklet.
|
66
Not exposed to PaintWorklet.
|
No |
47
Not exposed to PaintWorklet.
|
No |
9.0
Not exposed to PaintWorklet.
|
sub |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
to |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
toSum |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
type |
66 |
79 |
No |
No |
53 |
No |
66 |
66 |
No |
47 |
No |
9.0 |
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSNumericValue