CSS カウンタースタイルは CSS のモジュールの一つで、独自のカウンタースタイルを定義することができます。
リファレンス
プロパティ
@-規則
ガイド
- CSS カウンターの使用
- カウンターを使用して HTML 要素に番号を振る方法や、複雑なカウンターを実行する方法を説明します。
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Counter Styles Level 3 | 勧告候補 | 初回定義 |
ブラウザーの対応
@counter-style 規則
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 基本対応 | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
additive-symbols | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
fallback | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
negative | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
pad | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
prefix | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
range | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
speak-as | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
suffix | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
symbols | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
system | Chrome 未対応 なし | Edge ? | Firefox 完全対応 33 | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android ? | Edge Mobile ? | Firefox Android 完全対応 33 | Opera Android 未対応 なし | Safari iOS 未対応 なし | Samsung Internet Android 未対応 なし |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明
- 実験的。動作が変更される可能性があります。
- 実験的。動作が変更される可能性があります。
counter-increment プロパティ
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 基本対応 | Chrome 完全対応 2 | Edge ? | Firefox 完全対応 1 | IE 完全対応 8 | Opera 完全対応 9.2 | Safari 完全対応 3 | WebView Android ? | Chrome Android ? | Edge Mobile 完全対応 あり | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 実装状況不明
- 実装状況不明
counter-reset プロパティ
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 基本対応 | Chrome 完全対応 2 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 8 | Opera 完全対応 9.2 | Safari 完全対応 3.1 | WebView Android 完全対応 2 | Chrome Android ? | Edge Mobile 完全対応 あり | Firefox Android 完全対応 25 | Opera Android 完全対応 10 | Safari iOS 完全対応 3.2 | Samsung Internet Android ? |
凡例
- 完全対応
- 完全対応
- 実装状況不明
- 実装状況不明