Örnek
Bir yol ile bölümleri ve alt bölümleri sayı "Section 1" , "1.1" , "1.2" , vb .:
body
{
counter-reset: section;
}
h1
{
counter-reset: subsection;
}
h1:before
{
counter-increment: section;
content: "Section " counter(section) ". ";
}
h2:before
{
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
Kendin dene " Tanımı ve Kullanımı
Karşı özelliği sıfırla oluşturan veya bir veya daha fazla sayaçlarını sıfırlar.
sayaç sıfırlama özelliği genellikle karşı arttırma özelliği ve içerik özelliği ile birlikte kullanılır.
| Varsayılan değer: | none |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS2 |
| JavaScript sözdizimi: | object .style.counterReset="section" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| counter-reset | 4.0 | 8 | 2.0 | 3.1 | 9.6 |
Note: ! IE8 bir DOCTYPE belirtilmişse karşı sıfırlama özelliğini destekler.
CSS sözdizimi
counter-reset: none| Mülkiyet Değerler değer Açıklama none Varsayılan değer. Hiçbir sayaçlar sıfırlanır name name sıfırlamak gerektiğini hangi sayaç tanımlar number id sıfırlamak hangi sayacı tanımlar. number karşı seçici bir şekilde her durumda ilgili olarak ayarlanır ayarlar. Varsayılan sıfırlama değeri 0'dır initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
İlgili Sayfalar
CSS referans: : sözde elemanının önce
CSS referans: : sözde elemanının sonra
CSS referansı: content property
CSS referans: counter-increment property
HTML DOM referansı: counterReset property