Kayıtlar

counter-increment etiketine sahip yayınlar gösteriliyor

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) " "; } Kendiniz deneyin » 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

JavaScript CSS counter-increment Örnek

CSS Dersleri Html Dersleri JavaScript Dersleri Aşağıdaki butona tıklayarak counter-increment özelliğini ikinci ve üçüncü başlığa uygulayalım.. Çalıştır

CSS counter-increment Örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"> <head> <meta charset="UTF-8"> <title>css counter-increment özelliği örnek ve uygulama</title></head> <body> <style> 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) " "; } </style><