Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

<time>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨julio de 2015⁩.

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 + o - . 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: 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

Specification
CSS Values and Units Module Level 4
# time

Compatibilidad con navegadores