CSS @counter-style -sääntö

Määrittely ja käyttö

CSS @counter-style Säännöt määrittelevät mukautetun laskurityylin.

Kun oletuksetut tyylit eivät vastaa tarpeitasi:@counter-style Säännöt sallivat mukautetun laskurityylin määrittämisen.

Esimerkki

Määritä luettelon mukautettu laskurityyli:

@counter-style crown {
  system: cyclic;
  symbols: "\1F451";
  suffix: " ";
}
ul {
  list-style: crown;
}

Kokeile itse

CSS-grammatiikka

@counter-style countername {
  yksi tai useita kuvauksia
}

ominaisuusarvo

arvo kuvaus
countername

Määritellään laskurin tyylin suuruuskielemääritys.

Huomaa: laskurin nimi ei voi olla: none, decimal, disc, square, circle, disclosure-open tai disclosure-closed.
system

Määritellään algoritmi, jolla laskurin kokonaislukuarvo muunnetaan merkkijonoksi.

Jos system on asetettu: cyclic, numeric, alphabetic, symbolic tai fixed, tarvitaan symbols-kuvaukset.

Jos system on asetettu: additive, tarvitaan additive-symbols-kuvaukset.
symbols

Määritellään merkit, joita käytetään merkinnöihin (voivat olla merkkijonoja, kuvia tai mukautettuja tunnisteita).

Jos system-kuvauksen arvo on cyclic, numeric, alphabetic, symbolic tai fixed, se on pakollinen.

HTML UTF-8-merkit.
additive-symbols

Määritellään lisäysjärjestelmän lisäysjoukko.

Lisäyslaskurijärjestelmät (esim. roomalaiset numerot) koostuvat sarjasta painotettuja merkintöjä.

Luettelo kuvauksista, jotka on järjestetty painotuksen mukaan, ja niiden ei-negatiivisista kokonaislukuista koostuvista painoista.

Jos system-kuvauksen arvo on additive, se on pakollinen.
negative Määritellään, mikä on lisättävä merkintään, jos arvo on negatiivinen.
prefix Määritellään, mikä on lisättävä merkinnän alkuun.
suffix Määritellään, mikä on lisättävä merkinnän edelle tai jälkienä.
range

Määritellään laskurin tyylin arvon alue.

Jos laskurin arvo ylittää arvon, siirrytään sen varastylille.
pad

Jos merkintä edellyttää vähimmäispituutta, käytä tätä kuvauksia.

Esimerkiksi, jos haluat, että laskurin arvot alkavat 01 ja jatkuvat 02, 03, 04 jne., käytä pad-kuvauksia.

Laskurin merkinnät rakennetaan normaalilla tavalla, jos laskurin arvo on suurempi kuin määritetty pad-arvo.
speak-as

Määritellään, miten äänenvoimakkuuslaitteen tulisi lukea laskurin tyyli.

Esimerkiksi, luettelossa, jossa on järjestyslukuja, luketaan numeroita tai kirjaimia; luettelossa, jossa on järjestystä, luetaan äänimerkkejä.
fallback

Määritellään, mikä on laskurin nimi, jos järjestelmä ei pysty rakentamaan merkintää tai merkintä ylittää määritetyn arvon.

Jos varakoneistoa tai varajärjestelmää ei kuvata tai ne eivät voi ilmaista laskurin arvoa, siirrytään desimaalimuotoon.

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selvästi tukevan @ säännön selaimen version.

Chrome Edge Firefox Safari Opera
91 91 33 17 77