CSSVariableReferenceValue は CSS Typed Object Model API のインターフェイスで、組み込み CSS 値のカスタム名を作成することができます。このオブジェクトは機能的に「CSS 変数」と呼ばれることがあり、 var() 関数と同じ用途を提供します。カスタム名は2本のダッシュで始める必要があります。
コンストラクター
CSSVariableReferenceValue.CSSVariableReferenceValue()- 新しい
CSSVariableReferenceValueオブジェクトを生成します。
プロパティ
CSSVariableReferenceValue.variable- コンストラクターに渡されたカスタム名を返します。
CSSVariableReferenceValue.fallback読取専用- カスタム名の組み込み CSS 値を返します。
メソッド
なし。
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Object Model (CSSOM) CSSVariableReferenceValue の定義 |
草案 | 初回定義 |
ブラウザーの対応
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
CSSVariableReferenceValue | Chrome 完全対応 66 | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 53 | Safari 未対応 なし | WebView Android 完全対応 66 | Chrome Android 完全対応 66 | Edge Mobile 未対応 なし | Firefox Android 未対応 なし | Opera Android 完全対応 47 | Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
CSSVariableReferenceValue() constructor | Chrome 完全対応 66 | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 53 | Safari 未対応 なし | WebView Android 完全対応 66 | Chrome Android 完全対応 66 | Edge Mobile 未対応 なし | Firefox Android 未対応 なし | Opera Android 完全対応 47 | Safari iOS 未対応 なし | Samsung Internet Android ? |
variable | Chrome 完全対応 66 | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 53 | Safari 未対応 なし | WebView Android 完全対応 66 | Chrome Android 完全対応 66 | Edge Mobile 未対応 なし | Firefox Android 未対応 なし | Opera Android 完全対応 47 | Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
fallback | Chrome 完全対応 66 | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 完全対応 53 | Safari 未対応 なし | WebView Android 完全対応 66 | Chrome Android 完全対応 66 | Edge Mobile 未対応 なし | Firefox Android 未対応 なし | Opera Android 完全対応 47 | Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。