CSS 生成コンテンツ

CSS 生成コンテンツ (CSS Generated Content) は、 CSS のモジュールの一つで、要素にコンテンツを追加する方法を定義します。

リファレンス

プロパティ

仕様書

仕様書 状態 備考
CSS Generated Content Module Level 3 草案  
CSS Level 2 (Revision 1) 勧告 初回定義

ブラウザーの対応

content プロパティ

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
contentChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 8Opera 完全対応 4Safari 完全対応 1WebView Android 完全対応 1Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
Element replacementChrome 完全対応 28Edge 未対応 なしFirefox 完全対応 63IE 未対応 なしOpera 完全対応 15Safari 完全対応 9WebView Android 完全対応 ≤37Chrome Android 完全対応 28Firefox Android 完全対応 63Opera Android 完全対応 14Safari iOS 完全対応 9Samsung Internet Android 完全対応 1.5
url()Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 8Opera 完全対応 7Safari 完全対応 1WebView Android 完全対応 37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明

quotes プロパティ

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
quotesChrome 完全対応 11Edge 完全対応 12Firefox 完全対応 1.5IE 完全対応 8Opera 完全対応 4Safari 完全対応 9WebView Android 完全対応 37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android ? Safari iOS 完全対応 9Samsung Internet Android 完全対応 1.0
auto keywordChrome 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Edge 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Firefox 完全対応 70IE 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Opera 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Safari 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
WebView Android 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Chrome Android 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Firefox Android 未対応 なしOpera Android 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Safari iOS 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting
Samsung Internet Android 未対応 なし
補足
未対応 なし
補足
補足 This value is not supported, but the default browser behavior is to choose appropriate quotes for the user's language setting

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実装ノートを参照してください。
実装ノートを参照してください。
関連トピック