ویژگی counter-increment در CSS

counter-increment Property

ویژگی counter-increment در CSS، مقدار شمارنده CSS را افزایش یا کاهش می دهد.

نحوه نوشتار

/* افزایش شمارنده ۱ */
counter-increment: my-counter;

/* -کاهش شمارنده ۱ */
counter-increment: my-counter -1;

در مثال زیر نحوه عملکرد این ویژگی را میبینیم:

html

<h3>مقدمه</h3>
<h3>محتوا</h3>
<h3>جمع بندی</h3>

css

body {
        counter-reset: section 2;
}
h3::before {
        counter-increment: section; 
        content: "Section " counter(section) ": "; 
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی پشتیبانی می کنند.