CSSContadores


Sintaxis

  • conjunto de contadores: [<nombre_contador> <integer>? ] + | ninguna

  • counter-reset: [<counter-name> <integer>? ] + | ninguna

  • contra-incremento: [<counter-name> <integer>? ] + | ninguna

  • contador (<counter-name> [, <counter-style>]?)

  • contadores (<counter-name>, <connector-string> [, <counter-style>]?)

Parámetros

Parámetro Detalles
nombre de contador Este es el nombre del contador que debe crearse, incrementarse o imprimirse. Puede ser cualquier nombre personalizado que el desarrollador desee.
entero Este número entero es un valor opcional que, cuando se proporciona junto al nombre del contador, representará el valor inicial del contador (en propiedades de counter-set counter-reset ) o el valor por el cual el contador debe incrementarse (en incremento de counter-increment ).
ninguna Este es el valor inicial para las 3 propiedades de counter-* . Cuando este valor se utiliza para counter-increment de counter-increment , el valor de ninguno de los contadores se ve afectado. Cuando esto se usa para los otros dos, no se crea ningún contador.
contra-estilo Esto especifica el estilo en el que se debe mostrar el valor del contador. Admite todos los valores admitidos por la propiedad de list-style-type . Si none se utiliza none , el valor del contador no se imprime en absoluto.
cuerda conectora Esto representa la cadena que debe colocarse entre los valores de dos niveles de contador diferentes (como el "." En "2.1.1").

Observaciones

Los contadores no son un tema nuevo en CSS. Formaba parte de las Especificaciones de Nivel 2 de CSS (para ser más precisas, la Revisión 1) y por lo tanto tiene un soporte de navegador muy alto.

Todos los navegadores, excepto IE6 e IE7, son compatibles con los contadores de CSS.

Contadores Ejemplos relacionados