CSS カウンタースタイル
CSS カウンタースタイル (CSS Counter Styles) モジュールは、リスト内のマーカーや生成コンテンツ内のカウンターの外観を管理するための独自のカウンタースタイルを定義できます。同時に、ネイティブのブラウザーリストスタイルを独自のカスタマイズで拡張することも可能です。
カウンターは数値として認識されますが、実際には増加可能な要素を持つ文字列です。カウンタースタイルモジュールは 10 の記述子を持つ @counter-style ルールを定義して おり、開発者がカウンターが文字列に変換される方法を正確に定義できるようにして います。このモジュールでは、カウンター箇条書き記号に使用する文字、カウンターの前に置く接頭辞や後に置く接尾辞、および負の値の処理方法を定義できます。記述子では、カウンタースタイルが処理する値の範囲を設定できるほか、範囲外や表示不可能な値に対する代替スタイルも同時に設定できます。また、音声合成ソフトによるカウンター値の読み上げ方法を定義することも可能です。
リファレンス
>プロパティ
このモジュールではプロパティは定義されていません。
関数
データ型
アットルール
インターフェイス
CSSCounterStyleRuleインターフェイス
ガイド
- CSS カウンターの使用
-
カウンターを使用して HTML 要素に番号を振る方法や、複雑なカウンターを実行する方法を説明します。
関連概念
CSS リストとカウンターモジュール:
counter-incrementプロパティcounter-resetプロパティcounter-setプロパティlist-style-typeプロパティlist-style一括指定プロパティcounter()関数counters()関数
CSS 擬似要素モジュール:
CSS 生成コンテンツモジュール:
contentプロパティ
仕様書
| Specification |
|---|
| CSS Counter Styles Level 3> |
関連情報
- CSS リストとカウンターモジュール
- CSS 擬似要素モジュール
- CSS 生成コンテンツモジュール
- Ready-made counter styles - (2023)