CSS laskuri nollaa ominaisuus

Määrittely ja käyttö

counter-reset-ominaisuus asettaa tietyn valitsimen esiintymien lukujen laskurin arvon. Oletusarvo on 0.

Käyttämällä tätä ominaisuutta laskuri voidaan asettaa tai palauttaa mihin tahansa arvoon, joka voi olla positiivinen tai negatiivinen. Jos numberia ei anneta, oletusarvo on 0.

Huomautus:Jos käytetään "display: none", laskuria ei voida alustaa. Jos käytetään "visibility: hidden", laskuria voidaan alustaa.

Katso myös:

CSS -viittausoppikirja:CSS :before silmukkaelementti

CSS -viittausoppikirja:CSS :after silmukkaelementti

CSS -viittausoppikirja:content-ominaisuus

CSS -viittausoppikirja:counter-increment-ominaisuus

CSS-funktio:counter() -funktio

HTML DOM -viittausoppikirja:counterReset-ominaisuus

Esimerkki

Numerointitapa, jossa osiin ja alaosioihin annetaan numerot (esim. "Section 1", "1.1", "1.2") on:

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) ";
  }

Kokeile itse

CSS-kieli

counter-reset: none|Nimi number|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
ei Oletus. Valitsimen laskuria ei voida alustaa.
id number

id Määrittelee laskurin alustavan valitsimen, id:n tai luokan.

number Voi asettaa tämän valitsimen ilmestyvyyden määrän laskurin arvon. Voisi olla positiivinen, nolla tai negatiivinen.
inherit Määritellään, että counter-reset-ominaisuuden arvo tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei
Perinnäisyys: ei
Versio: CSS2
JavaScript-kieli: object.style.counterReset="subsection"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tämän ominaisuuden täysin.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Huomautus:Jos on määritelty !DOCTYPE, niin Internet Explorer 8 (ja uudet versiot) tukee counter-reset-ominaisuutta.