CSS counter-reset

Counter-reset :

Bir veya birden fazla sayaç değerini sıfırlar.

Örnek

h3 {
  counter-reset: subsection;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none hiç bir sayaç sıfırlama değeri almaz.
name Hangi sayaç sıfırlanacağı isim ile belirlenir.
number Hangi sayacın sıfırlanacağı numara ile ayarlanır.
İnital
İnherit

Tarayıcı Desteği

4.0 2.0 8.0 3.1 9.6

CSS counter-increment

counter-increment :

Bir veya birden fazla sayaç arttırma değeridir. Genellikle counter-reset property ve content özellikleriyle birlikte kullanılır.

Örnek

h3 {
  counter-increment: section;
}
h2 {
   counter-increment: subsection;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none hiç bir sayaç artırılmaz.
id Hangi saçların arttırılacağını belirtir. Hangi sayacın ne kadar arttırılacağını belirtilir. Gecikme zamanı 1 veya negatif değerlere izin verilir. Başlangıç değeri girilmemiş ise varsayılan değer 0 olarak alınır.
Column-count Sütun sayısı belirtir.
İnital
İnherit

Tarayıcı Desteği

4.0 2.0 8.0 3.1 9.6