CSSVariableReferenceValue

草案
このページは完成していません。

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

CSSVariableReferenceValueCSS Typed Object Model API のインターフェイスで、組み込み CSS 値のカスタム名を作成することができます。このオブジェクトは機能的に「CSS 変数」と呼ばれることがあり、 var() 関数と同じ用途を提供します。カスタム名は2本のダッシュで始める必要があります。

コンストラクター

CSSVariableReferenceValue.CSSVariableReferenceValue()
新しい CSSVariableReferenceValue オブジェクトを生成します。

プロパティ

CSSVariableReferenceValue.variable
コンストラクターに渡されたカスタム名を返します。
CSSVariableReferenceValue.fallback 読取専用
カスタム名の組み込み CSS 値を返します。

メソッド

なし。

仕様書

仕様書 状態 備考
CSS Object Model (CSSOM)
CSSVariableReferenceValue の定義
草案 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
CSSVariableReferenceValue
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
CSSVariableReferenceValue() constructor
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
fallback
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
variable
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。