Praneškite apie mus:


CSS parametras - counter-increment

0

counter-increment padidina kurio nors skaitiklio (counter) reikšmę. Dažniausiai naudojama kartu su parametru counter-reset, kuris atstato skaitiklio reikšmę į pradinę - 0, bei parametru content, kuris padeda atvaizduoti skaitiklių reikšmes.



Pavyzdys

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
<head>
<style type="text/css">

body {
counter-reset:antrastes_nr;
}
h1 {
counter-reset:h2_nr;
}
h1:before {
counter-increment:antrastes_nr;
content:"Antraštė nr" counter(antrastes_nr) ". ";
}
h2:before {
counter-increment:h2_nr;
content:counter(antrastes_nr) "." counter(h2_nr) " ";
}

</style>
</head>
 
<body>
 
<h1>HTML</h1>
<h2>Pradmenys</h2>
<h2>Pažengusiems</h2>
<h2>Žinynas</h2>
 
<h1>CSS</h1>
<h2>Pradmenys</h2>
<h2>Stiliai</h2>
<h2>Pažengusiems</h2>
<h2>Žinynas</h2>
 
</body>
</html>
 
 

 

Galimos reikšmės

Reikšmė Aprašymas
none Joks skaitiklis nebus padidintas.
id skaičius
id nurodo kokį skaitiklį reikia padidinti, skaičius - per kiek vietų didinti ar mažinti reikšmę. Jei skaičius nėra nurodomas, tada reikšmė yra padidinama vienetu. Jei prieš tai tokiu id skaitiklis nebuvo naudojamas, jo pradinė reikšmė tampa 0.
inherit
Elemento stiliai turi būti paveldimi iš tėvinio elemento. Elemento, kuriame yra šis elementas.

 

Techninė informacija

Pradinė reikšmė none
Paveldėta ne
Kurios versijos CSS2
JavaScript išraiška object.style.counterIncrement="reikšmė"
Naršyklių palaikymas ie ff opera chrome safari

Papildoma informacija: Jei naudojate negerą DOCTYPE, Internet Explorer nepalaikys counter-increment parametro.

Perskaityta: 935 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
žinynas    css    parametrai   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti
CSS parametrai
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: