W3cubDocs

/Web APIs

CSSVariableReferenceValue

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

The CSSVariableReferenceValue interface of the CSS Typed Object Model API 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.

Constructor

CSSVariableReferenceValue()

Creates a new CSSVariableReferenceValue object.

Instance properties

CSSVariableReferenceValue.variable

Returns the custom name passed to the constructor.

CSSVariableReferenceValue.fallback Read only

Returns the built-in CSS value for the custom name.

Instance methods

None.

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android WebView on iOS
CSSVariableReferenceValue 66 79 No 53 16.4 66 No 47 16.4 9.0 66 16.4
CSSVariableReferenceValue 66 79 No 53 16.4 66 No 47 16.4 9.0 66 16.4
fallback 66 79 No 53 16.4 66 No 47 16.4 9.0 66 16.4
variable 66 79 No 53 16.4 66 No 47 16.4 9.0 66 16.4

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSVariableReferenceValue