CSS sayacı sıfırlama özelliği

Tanım ve Kullanım

counter-reset özelliği, belirli bir seçicinin göründüğü sayısının sayacının değerini ayarlar. Varsayılan olarak 0'dır.

Bu özelliği kullanarak, sayac herhangi bir değere ayarlanabilir veya sıfırlanabilir, bu da pozitif veya negatif olabilir. Number sağlanmadığı takdirde, varsayılan olarak 0 olur.

Açıklama:"display: none" kullanıldığında sayacı sıfırlamak mümkün değildir. "visibility: hidden" kullanıldığında sayacı sıfırlamak mümkündür.

Ayrıca bkz:

CSS Referans Kılavuzu:CSS :before sahte öğesi

CSS Referans Kılavuzu:CSS :after sahte öğesi

CSS Referans Kılavuzu:content Özelliği

CSS Referans Kılavuzu:counter-increment Özelliği

CSS Fonksiyonu:counter() Fonksiyonu

HTML DOM Referans Kılavuzu:counterReset Özelliği

Örnek

Bölüm ve alt bölümlere numaralandırma yapma (örneğin "Bölüm 1", "1.1", "1.2") yöntemi:

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Bölüm " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) " ";
  }

Kişisel olarak deneyin

CSS Dilbilgisi

counter-reset: none|Ad number|ilk|devral;

Özellik Değeri

Değer Açıklama
yok Varsayılan. Seçicinin sayacını sıfırlamak mümkün değildir.
id number

id Sayacı sıfırlamak için seçici, id veya sınıfı tanımlayın.

number Bu seçicinin görünüm sayısını belirleyen sayacın değerini ayarlayabilirsiniz. Bu, pozitif bir sayı, sıfır veya negatif bir sayı olabilir.
devral counter-reset özelliğinin değerini ebeveyn elemanından devralması gerektiği belirlenmelidir.

Teknik Ayrıntılar

Varsayılan Değer: yok
Miras Yönetimi: hayır
Sürüm: CSS2
JavaScript Dilbilgisi: object.style.counterReset="subsection"

Tarayıcı Desteği

Tabloda belirtilen rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Açıklama:Eğer !DOCTYPE belirlenmişse, Internet Explorer 8 (ve daha yüksek sürümler) counter-reset özelliğini destekler.