CSS @counter-style-reglen

Definition og brug

CSS @counter-style Reglen bruges til at definere en brugerdefineret tællerstyle.

Når foruddefinerede stilarter ikke opfylder kravene:@counter-style Reglen tillader dig at definere din egen tællerstyle.

Eksempel

Angiv en brugerdefineret tællerstyle for listen:

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

Prøv det selv

CSS syntax

@counter-style countername {
  one or more descriptors
}

Egenskapsverdi

Verdi Beskrivelse
countername

Definerer store og små bokstaver som tellerstilenens sensitive navn.

Bemerk: Tellerens navn kan ikke være: none, decimal, disc, square, circle, disclosure-open eller disclosure-closed.
system

Definerer algoritmen som brukes til å konvertere tellerens heltallsverdi til en streng.

Nødvendig hvis systemet settes til: cyclic, numeric, alphabetic, symbolic eller fixed, kreves symbols deskriptoren.

Nødvendig hvis systemet settes til: additive, kreves additive-symbols deskriptoren.
symbols

Definerer symbolene som brukes til merker (kan være streng, bilde eller tilpasset identifikator).

Nødvendig hvis systemdeskriptoren er satt til cyclic, numeric, alphabetic, symbolic eller fixed.

HTML UTF-8 symboler.
additive-symbols

Definerer additivsystemets additivtuples.

Additive tellersystemer (som romerske tall) består av en serie av vektede symboler.

Deskriptorer er en liste over tellersymboler rangert i fallende vekt, sammen med deres ikke-negative heltallsvekter.

Nødvendig hvis systemdeskriptoren er satt til additive.
negative Definerer tegnene som skal legges til som prefiks eller suffiks hvis verdien er negativ.
prefix Definerer tegnene som skal legges til som prefiks til merkebeskrivelsen.
suffix Definerer tegnene som skal legges til som suffiks til merkebeskrivelsen.
range

Definerer tellerstilens verdiområde.

Hvis tellerveien er utover rekkevidden, gikk tilbake til dens alternative stil.
pad

Bruk denne deskriptoren hvis merket representerer at det må ha en minimumslengde.

For eksempel, hvis du vil at telleren skal starte med 01, og deretter 02, 03, 04 osv., bruk pad-描述符.

For tellere som er større enn den spesifiserte pad-verdien, bygges merket normalt.
speak-as

Definerer hvordan talesyntesen skal lese ut tellerstilen.

For eksempel, for en organisert liste, les ut som tall eller bokstaver; for en uorganisert liste, les ut som lydvarsling.
fallback

Definerer navnet på telleren som brukes som fallback når systemet ikke kan bygge merke eller er utover den spesifiserte rekkevidden.

Hvis alternativteller eller alternativsystem ikke kan uttrykke tellerveien, gikk tilbake til desimalt stil.

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter @regelen.

Chrome Edge Firefox Safari Opera
91 91 33 17 77