<time>

Baseline Widely available

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

O tipo de dado CSS<time> representa um valor de tempo expresso em segundo ou milissegundos. É usado em animações(animation ), transições(transition ) e propriedades relacionadas.

Sintaxe

O tipo dado<time> consiste de um elemento<number> seguido por uma das unidades listadas abaixo. Opcionalmente, pode ser precedido por um sinal de+ ou-. Como em todas as dimensões, não há espaço entre uma unidade literal e o número.

Nota:Embora o número0 seja sempre o mesmo, independente da unidade, essa última não pode ser omitida. Em outras palavras,0 é invalido e não representa0s ou0ms.

Unidades

s: Representa um tempo em segundos. Exemplos:0s,1.5s,-60s.
ms: Representa um tempo em milissegundos. Exemplos:0ms,150.25ms,-60000ms.

Nota:A conversão entres ems segue a proporção1s = 1000ms.

Exemplos

Unidades de Tempo Válidas

12s         Inteiro Positivo-456ms      Inteiro Negativo4.3ms       Decimal14mS        A unidade é case-insentive, embora letras iniciais maiúsculas (capital letters) não sejam recomendadas.+0s         Zero com um + no inicio e uma unidade-0ms        Zero com um - no inicio e uma unidade

Unidades de Tempo Inválidas

0           Embora seja permitido o uso do zero sem unidade de medida por <length>s é invalido para <time>s.12.0        Este é um <number>, não um <time>, pois está faltando a unidade de medida.7 ms        Não é permitido espaço entre o número e a unidade de medida.