We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

El tipo de dato <time> de CSS representa un valor de tiempo expresado en segundos o milisegundos. Se usa en animation, transition y propiedades relacionadas.

Sintaxis

El tipo de datos <time> consta de un <number> seguido de una de las unidades enumeradas a continuación. Opcionalmente, puede estar precedido por un solo signo +- . Al igual que con todas las dimensiones, no hay espacio entre la unidad literal y el número.

Nota: Aunque el número 0 es siempre el mismo independientemente de la unidad, la unidad no se puede omitir. En otras palabras, 0 no es válido y no representa 0s o 0ms.

Unidades

s
Representa un tiempo en segundos. Ejemplos: 0s, 1.5s, -60s.
ms
Representa un tiempo en milisegundos. Ejemplos: 0ms, 150.25ms, -60000ms.

Nota: Nota: La conversión entre s y ms sigue la lógica 1s = 1000ms.

Ejemplos

Tiempos válidos

12s         Entero positivo
-456ms      Entero negativo
4.3ms       No entero
14mS        La unidad no distingue entre mayúsculas y minúsculas, aunque no se recomiendan letras mayúsculas.
+0s         Cero con un signo + y una unidad
-0ms        Cero con un signo - y una unidad

Tiempos inválidos

0           Aunque el cero sin unidades está permitido para <length>, no es válido para <time>.
12.0        Este es un <number>, no un <time>, porque le falta una unidad.
7 ms        No se permite espacio entre el número y la unidad.

Especificaciones

Especificación Estado Comentario
CSS Values and Units Module Level 3
La definición de '<time>' en esta especificación.
Candidate Recommendation Definición normativa de s y ms.
CSS Level 2 (Revision 1)
La definición de '<time>' en esta especificación.
Recommendation Definición informal de s y ms.

Compatibilidad con navegadores

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Soporte básico Si ?49 Si Si
FeatureAndroid webviewChrome para AndroidEdge mobileFirefox para AndroidOpera AndroidiOS SafariSamsung Internet
Soporte básico Si Si ? ? Si Si Si

Etiquetas y colaboradores del documento

Colaboradores en esta página: lajaso, israel-munoz
Última actualización por: lajaso,