CSS カウンタースタイル (CSS Counter Styles) は CSS のモジュールの一つで、独自のカウンタースタイルを定義することができます。

リファレンス

プロパティ

@-規則

@counter-style

ガイド

CSS カウンターの使用
カウンターを使用して HTML 要素に番号を振る方法や、複雑なカウンターを実行する方法を説明します。

仕様書

仕様書 状態 備考
CSS Counter Styles Level 3 勧告候補 初回定義

ブラウザーの対応

@counter-style 規則

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
additive-symbols
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
fallback
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
negative
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
pad
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
prefix
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
range
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
speak-as
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
suffix
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
symbols
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
system
実験的
Chrome 未対応 なしEdge ? Firefox 完全対応 33IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android ? Edge Mobile ? Firefox Android 完全対応 33Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

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

counter-increment プロパティ

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応Chrome 完全対応 2Edge ? Firefox 完全対応 1IE 完全対応 8Opera 完全対応 9.2Safari 完全対応 3WebView Android ? Chrome Android ? Edge Mobile 完全対応 ありFirefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

凡例

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

counter-reset プロパティ

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応Chrome 完全対応 2Edge 完全対応 12Firefox 完全対応 1IE 完全対応 8Opera 完全対応 9.2Safari 完全対応 3.1WebView Android 完全対応 2Chrome Android ? Edge Mobile 完全対応 ありFirefox Android 完全対応 25Opera Android 完全対応 10Safari iOS 完全対応 3.2Samsung Internet Android ?

凡例

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

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

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