los symbols() La función CSS le permite definir estilos de contador en línea, directamente como el valor de una propiedad como list-style. A diferencia de @counter-style, symbols() es anónimo (es decir, solo se puede usar una vez). Aunque menos poderoso, es más corto y más fácil de escribir que @counter-style.

Sintaxis

symbols() = symbols( ? [  |  ]+ );

puede ser uno de los siguientes:

  • cyclic: El sistema recorre los valores dados en el orden de su definición y vuelve al principio cuando llega al final.
  • numeric: El sistema interpreta los valores dados como las unidades sucesivas de un sistema de numeración de valor posicional.
  • alphabetic: El sistema interpreta los valores dados como los dígitos de un sistema de numeración alfabético, como un sistema de numeración de valor posicional pero sin 0.
  • symbolic: El sistema recorre los valores, imprimiéndolos una vez adicional en cada ciclo (una vez para el primer ciclo, dos veces para el segundo, etc.).
  • fixed: El sistema recorre los valores dados una vez y luego recurre a los números arábigos.

Ejemplos

HTML

<ol><li>Oneli><li>Twoli><li>Threeli><li>Fourli><li>Fiveli>ol>

CSS

ollist-style:symbols(cyclic "*""†""‡");

Resultado

Especificaciones

Especificación Estado Comentario
Estilos de contador CSS Nivel 3
La definición de ‘símbolos()’ en esa especificación.		 Candidato a recomendación Definición inicial.

Compatibilidad del navegador

Escritorio Móvil
Cromo Borde Firefox explorador de Internet Ópera Safari WebView Android cromo androide Firefox para Android Ópera Android Safari en IOS Samsung Internet
symbols() No No 35 No No No No No 35 No No No

Ver también

  • @counter-style
  • list-style-type y la abreviatura correspondiente list-style.