CSS 計數器樣式
CSS 計數器樣式模組允許你定義自己的計數器樣式,以管理列表中的標記和生成內容中計數器的外觀。它還使你能夠使用自己的自定義設定來擴充套件本機瀏覽器列表樣式。
雖然我們認為計數器是數字,但它們實際上是帶有可以遞增的元件的字串。計數器樣式模組定義了具有十個描述符的@counter-style規則,使開發人員能夠精確地定義如何將計數器轉換為字串。此模組允許定義用於計數器專案符號的字元、放在計數器之前的字首和放在計數器之後的字尾,以及如何處理負值。描述符還可以設定一個範圍來限制計數器樣式可以處理的值,同時還提供了備用樣式,以防計數器值超出定義的範圍或無法渲染計數器值。該模組還允許定義語音合成器如何大聲讀出計數器。
參考
屬性
此模組中沒有定義任何屬性
函式
資料型別
At-rule 和描述符
介面
指南
- 使用 CSS 計數器
-
描述如何使用計數器來為任何 HTML 元素編號或執行復雜的計數。
相關概念
counter-increment屬性counter-reset屬性counter-set屬性list-style-type屬性list-style簡寫屬性counter()函式counters()函式
CSS 偽元素模組
CSS 生成內容模組
content屬性
規範
| 規範 |
|---|
| CSS Counter Styles Level 3 |
另見
- CSS 列表和計數器模組
- CSS 偽元素模組
- CSS 生成內容模組
- W3C 提供的現成計數器樣式 (2023)