The CSSVariableReferenceValue interface of the CSS_Object_Model#css_typed_object_model allows you to create a custom name for a built-in CSS value. This object functionality is sometimes called a "CSS variable" and serves the same purpose as the var() function. The custom name must begin with two dashes.
CSSVariableReferenceValue()Creates a new CSSVariableReferenceValue object.
CSSVariableReferenceValue.variableReturns the custom name passed to the constructor.
CSSVariableReferenceValue.fallback Read only
Returns the built-in CSS value for the custom name.
None.
| Specification |
|---|
| CSS Typed OM Level 1 # cssvariablereferencevalue |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
CSSVariableReferenceValue |
66 | 79 | No | No | 53 | 16.4 | 66 | 66 | No | 47 | 16.4 | 9.0 |
CSSVariableReferenceValue |
66 | 79 | No | No | 53 | 16.4 | 66 | 66 | No | 47 | 16.4 | 9.0 |
fallback |
66 | 79 | No | No | 53 | 16.4 | 66 | 66 | No | 47 | 16.4 | 9.0 |
variable |
66 | 79 | No | No | 53 | 16.4 | 66 | 66 | No | 47 | 16.4 | 9.0 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSVariableReferenceValue