CSS

CSS インターフェイス は CSS に関連した便利なメソッドを持っています。このインターフェイスにはオブジェクトは実装されていません: 静的メソッドのみを含んでいるため、実用的なインターフェイスになっています。

プロパティ

CSS インターフェイスはユーティリティインターフェイスです。この型のオブジェクトは作れません: 静的プロパティのみ定義されています。

静的プロパティ

CSS.paintWorklet 安全なコンテキスト用
描画に関するすべてのクラスを担当する Worklet へのアクセスを提供します。

メソッド

CSS インターフェイスはユーティリティインターフェイスです。この型のオブジェクトは作れません: 静的メソッドのみ定義されています。

静的メソッド

継承している静的メソッドはありません。

CSS.registerProperty()
カスタムプロパティを登録し、プロパティ型のチェック、デフォルト値、およびそれらの値を継承するまたは継承しないプロパティを許可します。
CSS.supports()
与えられたパラメーターで、プロパティと値のペアや条件がサポートされているかどうかを示す Boolean を返します。
CSS.escape()
主に CSS セレクターの一部として使用するための文字列をエスケープするのに使用できます。
CSS ファクトリー関数
使用したファクトリー関数のメソッドの名前を単位としてパラメーターの数値の値を持つ新しい CSSUnitValue を返すために使用できます。
CSS.em(3) // CSSUnitValue {value: 3, unit: "em"}

仕様

仕様 状態 コメント
CSS Painting API Level 1
paintWorklet の定義
草案 静的プロパティ paintWorklet の追加
CSS Object Model (CSSOM)
CSS の定義
草案 静的メソッド escape() の追加
CSS Conditional Rules Module Level 3
CSS の定義
勧告候補 初期定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
CSS
実験的
Chrome 完全対応 28Edge 完全対応 12Firefox 完全対応 22
完全対応 22
完全対応 20
無効
無効 From version 20: this feature is behind the layout.css.supports-rule.enabled preference. To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 12.1Safari 完全対応 10WebView Android 完全対応 4.4Chrome Android 完全対応 28Firefox Android 完全対応 22
完全対応 22
完全対応 20
無効
無効 From version 20: this feature is behind the layout.css.supports-rule.enabled preference. To change preferences in Firefox, visit about:config.
Opera Android 完全対応 12.1Safari iOS 完全対応 ありSamsung Internet Android 完全対応 1.5
Hz
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
Q
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
ch
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
cm
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
deg
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
dpcm
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
dpi
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
dppx
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
em
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
escape
実験的
Chrome 完全対応 46Edge 完全対応 79Firefox 完全対応 31IE 未対応 なしOpera 完全対応 33Safari 完全対応 10WebView Android 完全対応 46Chrome Android 完全対応 46Firefox Android 完全対応 31Opera Android 完全対応 33Safari iOS 完全対応 10Samsung Internet Android 完全対応 5.0
ex
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
fr
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
grad
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
ic
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
in
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
kHz
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
lh
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
mm
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
ms
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
number
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
paintWorklet
実験的
Chrome 完全対応 65Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 52Safari 未対応 なしWebView Android 完全対応 65Chrome Android 完全対応 65Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
pc
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
percent
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
pt
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
px
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
rad
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
registerProperty
実験的
Chrome 完全対応 78Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 65Safari 未対応 なしWebView Android 完全対応 78Chrome Android 完全対応 78Firefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 完全対応 12.0
rem
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
rlh
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
s
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
supportsChrome 完全対応 61
完全対応 61
部分対応 28
補足
補足 Version 60 or older didn't support parentheses-less one-argument version.
Edge 部分対応 12
補足
部分対応 12
補足
補足 Edge doesn't support parentheses-less one-argument version.
Firefox 完全対応 55
完全対応 55
部分対応 22
補足
補足 Version 54 or older didn't support parentheses-less one-argument version.
部分対応 20
無効
無効 From version 20: this feature is behind the layout.css.supports-rule.enabled preference. To change preferences in Firefox, visit about:config.
IE 未対応 なしOpera 完全対応 12.1Safari 完全対応 10WebView Android 完全対応 61
完全対応 61
部分対応 37
補足
補足 Version 60 or older didn't support parentheses-less one-argument version.
Chrome Android 完全対応 61
完全対応 61
部分対応 28
補足
補足 Version 60 or older didn't support parentheses-less one-argument version.
Firefox Android 完全対応 55
完全対応 55
部分対応 22
補足
補足 Version 54 or older didn't support parentheses-less one-argument version.
部分対応 20
無効
無効 From version 20: this feature is behind the layout.css.supports-rule.enabled preference. To change preferences in Firefox, visit about:config.
Opera Android 完全対応 12.1Safari iOS 完全対応 ありSamsung Internet Android 完全対応 8.0
完全対応 8.0
部分対応 1.5
補足
補足 Samsung Internet 8.0 or older didn't support parentheses-less one-argument version.
turn
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
vb
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
vh
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
vi
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
vmax
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
vmin
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0
vw
実験的
Chrome 完全対応 66Edge 完全対応 79Firefox 未対応 なしIE 未対応 なしOpera 完全対応 53Safari 未対応 なしWebView Android 完全対応 66Chrome Android 完全対応 66Firefox Android 未対応 なしOpera Android 完全対応 47Safari iOS 未対応 なしSamsung Internet Android 完全対応 9.0

凡例

完全対応  
完全対応
部分対応  
部分対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報