---
title: "Counter reset and increment properties"
date: "2017-11-29T13:29:31+00:00"
summary: "Learn how to use CSS counter reset and increment properties effectively. Master resetting counters, setting custom start values, and incrementing multiple counters for advanced web design techniques."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/counter-reset-and-increment-properties"
id: "86383145-6e8c-471c-ae82-b8ba2debe44e"
---

Set the Counter increment name and a Counter reset.

Counter reset
-------------

The Counter reset should be added to a parent element to reset counters within it. For example, you can apply the Counter reset property to the Body base style to reset all counters with a specific name.

### Expected values:

*   **Custom ident** - The name of the counter. For example, **Section**
*   **Number (integer) -** Use this after a Custom ident to reset the counter to a specific starting number. For example 'Section 2' will reset the Counter 'Section' to start at 2
*   **None -** Cancels any reset applied to a less specific rule.

Important

You can reset multiple counters at the same time and reset them to start at different numbers. To reset multiple counters at different starting numbers, add multiple Counter reset name-number pairs, separated by a space. For example, **Section 1 Chapter 2 Month 0** 

Counter increment
-----------------

### **Expected value:**

*   The name of the counter. For example, **Section**