-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
52 lines (35 loc) · 1.75 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
---
title: <time>
slug: Web/CSS/time
---
{{CSSRef}}
O tipo de dado CSS **`<time>`** representa um valor de tempo expresso em segundo ou milissegundos. É usado em animações( {{cssxref("animation")}} ), transições( {{cssxref("transition")}} ) e propriedades relacionadas.
## Sintaxe
O tipo dado `<time>` consiste de um elemento {{cssxref("<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
```plain example-bad
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
{{Specifications}}
## Compatibilidade com navegadores
{{Compat}}