Praneškite apie mus:


CSS parametras - counter-reset

Įvertink
(0 balsai)
1 1

counter-reset sukuria, atstato į pradinę reikšmę vieną arba kelis skaitiklius (counters). Dažniausiai naudojama kartu su parametru counter-increment, kuris keičia skaitiklio reikšmę, 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.counterReset="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
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
CSS parametrai
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: