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 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
CSSVariableReferenceValue
実験的
Chrome 完全対応 66Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Edge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 完全対応 53Safari iOS 未対応 なしSamsung Internet Android ?
CSSVariableReferenceValue() constructor
実験的
Chrome 完全対応 66Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Edge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 完全対応 53Safari iOS 未対応 なしSamsung Internet Android ?
variable
実験的
Chrome 完全対応 66Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Edge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 完全対応 53Safari iOS 未対応 なしSamsung Internet Android ?
fallback
実験的
Chrome 完全対応 66Edge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Edge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 完全対応 53Safari iOS 未対応 なしSamsung Internet Android ?

凡例

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

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, mdnwebdocs-bot
最終更新者: mfuji09,