<time>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 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úmero 0 seja sempre o mesmo, independente da unidade, essa última não pode ser omitida. Em outras palavras, 0 é invalido e não representa 0s ou 0ms.

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 entre s e ms segue a proporção 1s = 1000ms.

Exemplos

Unidades de Tempo Válidas

12s         Inteiro Positivo
-456ms      Inteiro Negativo
4.3ms       Decimal
14mS        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.

Specifications

Specification
CSS Values and Units Module Level 4
# time

Compatibilidade com navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
<time>

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support