Praneškite apie mus:


CSS parametras - counter-increment

Įvertink
(0 balsai)
1 1

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.

Atnaujinimo Data: Sekmadienis, Balandžio 18, 2010
Skaityta 1170 kartus | Patinka? Įisimesk į savo Twiterį!
Kategorija CSS parametrai
Etiketės
Dalinkis
Lukas

Lukas

Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn

E-mail: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Login to post comments
į viršų
CSS parametrai
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: