Ö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şı arttırma özelliği, bir ya da daha fazla karşı değerleri artırır.
karşı arttırma özelliği genellikle karşı sıfırlama ö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.counterIncrement = "subsection"; Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| counter-increment | 4.0 | 8 | 2.0 | 3.1 | 9.6 |
Note: ! IE8 bir DOCTYPE belirtilmişse karşı artım özelliğini destekler.
CSS sözdizimi
counter-increment: none| Mülkiyet Değerler değer Açıklama none Varsayılan değer. Hiçbir sayaçlar artırılır edilecek id number id artırılır hangi sayacı tanımlar. number sayacı seçicinin her seferinde artar ne kadar ayarlar. Varsayılan artış 1. 0 ya da negatif değerler olduğu, izin verilir. Eğer id karşı sıfırlaması ile başlatılmamış bir sayaç belirtir, varsayılan başlangıç değeri 0, 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-reset property
HTML DOM referansı: counterIncrement property