additive-symbols

Resumen

El descriptor additive-symbols es similar al descriptor symbols (en-US), y permite al usuario especificar símbolos que se usarán para representación de contadores cuando el valor del descriptor system (en-US) es additive. El descriptor additive-symbols define lo que se conoce como tuplas aditivas, cada una de las cuales es un par que contiene un símbolo y su peso como entero no negativo. El sistema aditivo es usado para construir sistemas de numeración de valores de signos como la numeración romana.

Cuando el valor del descriptor es cyclic, numeric, alphabetic, symbolic, o fixed, se usa el descriptor symbols, en lugar de additive-symbols para especificar los símbolos de conteo.

Related at-rule	`@counter-style`
Valor inicial	`n/a (required)`
Valor calculado	como se especifica

Sintaxis

additive-symbols: 3 "0";
additive-symbols: 3 "0", 2 "\2E\20";
additive-symbols: 3 "0", 2 url(symbol.png);

<ul class="list">
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
   <li>Four</li>
   <li>Five</li>
</ul>

Contenido CSS

@counter-style additive-symbols-example {
  system: additive;
  additive-symbols: I 1;
}
.list {
  list-style: additive-symbols-example;
}

Resultado

Especificaciones

Especificación	Estatus	Comentarios
CSS Counter Styles Level 3 La definición de 'additive-symbols' en esta especificación.	Candidate Recommendation	Definición inicial

Compatibilidad de navegadores

BCD tables only load in the browser

Véase también

list-style, list-style-image, list-style-position
symbols() (en-US), la notación funcional para crear estilos de contador anónimos.