HTML - DOM樣式物件counterReset屬性

HTML DOM 樣式物件**counterReset** 屬性用於建立或重置計數器。它通常與**counterIncrement** 屬性和**content** 屬性一起使用。

語法

設定 counterReset 屬性

object.style.counterReset= "none | name | number | initial | inherit";

獲取 counterReset 屬性

object.style.counterReset;

屬性值

值	描述
none	這是預設行為，指定不重置任何計數器。
name	指定要重置的計數器的名稱。
number	定義每次選擇器出現時計數器設定的次數。其預設值為 0。
initial	用於將此屬性設定為其預設值。
inherit	用於繼承其父元素的屬性。

返回值

它返回一個字串值，表示元素的 counterReset 屬性。

HTML DOM 樣式物件“counterReset”屬性示例

以下示例演示了應用於 h3 元素的 counterReset 屬性。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM Style Object counterReset Property
    </title>
    <style>
        h3:before {
            counter-increment: level;
            content: "Level " counter(level) " ";
        }
    </style>
</head>
<body>
    <h3 id="inc">HTML DOM Tutorials</h3>
    <h3>HTML DOM Syle Object</h3>
    <h3>counterIncrement Property</h3>
    <h3>Example Code</h3>
    <button onclick="fun()">Click</button>
    <script>
        function fun() {
            document.getElementById("inc")
                .style.counterReset = "level";
        }
    </script>
</body>
</html>

支援的瀏覽器

屬性
counterReset	是 2	是 12	是 1	是 3	是 9.2

html_dom_style_object_reference.htm

列印頁面