CSS counter-increment Özelliği

CSS counter-increment

Css counter-increment özelli ile sayac görevini Css'teki sahte seçicilere yaptırılabilir.

Örnek:

Bu örnekte "h2" ve "h3" html elemanlarını sayac vazifesi gördürerek bir eğitim sitesi başlıkları haline dönüştürebiliyoruz.

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

CSS counter-increment nedir nasıl kullanılır

CSS sayacını kullanmak için, öncelikle varsayılan bir değere 0 sıfırlanması gerekir. Ardından bfore veya after gibi sahte seçicileri kullanarak tanımlamalar yapılabilir. Örnekleri inceleyiniz.

CSS counter-increment CSS counter-increment özellikleri  
Varsayılan Değer: none  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS2  
JavaScript counter-increment: object.style.counterIncrement = "subsection";

CSS counter-increment Tarayıcı Desteği

CSS Kodu:
counter-increment 4.0 8.0 2.0 3.1 9.6

CSS counter-increment Değerleri

counter-increment:none|id|initial|inherit;

CSS counter-increment özelliği değerleri

CSS counter-increment değerleri CSS counter-increment değerleri tanımları
none Varsayılan değerdir.Sayaçlar sıfırlanmaz
id number Hangi sayacın sıfırlanacağını belirten isim yazılır.
initial Özelliğin varsayılan değerine döndürür.
inherit Soybağından gelen değeri alır.

Yorumlar

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

CSS top Özelliği

HTML strong Etiketi

Kriptopara nasıl alınır ve nereden alınır?

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Javascript Oyun Yapma Dersleri HTML5+CSS3

HTML5 Canvas Oyun Yapımı Dersleri

CSS align-self özelliği