<number>

O tipo de dado CSS <number> representa um número, sendo esse ou um inteiro ou um componente fracional.

Sintaxe

A sintaxe de <number> estende a sintaxe de <integer>. Um valor fracional é representado por um . seguido de um ou mais dígitos decimais e pode ser anexado a número inteiro. Não existe uma unidade associada aos números.

Interpolação

Quando animado, os valores de <number> são interpolados como números reais e de ponto flutuante. A velocidade da interpolação é determinada pelo tempo da função associada à animação.

Exemplos

Números Válidos

12          Um <integer> puro é também um <number>.
4.01        Fração positiva
-456.8      Fração negativa
0.0         Zero
+0.0        Zero inciado por um +
-0.0        Zero iniciado por um -
.60         Um número fracional sem ser iniciado por zero
10e3        Notação científica
-3.4e-2     Notação científica complexa

Números Inválidos

12.         Números decimais devem ser seguidos por pelo menos um dígito.
+-12.2      Só um sinal +/- é permitido.
12.1.1      Só um ponto decimal é permitido.

Especificações

Especificações Status Comentário
CSS Values and Units Module Level 4
The definition of '<number>' in that specification.
Rascunho editorial Nenhuma mudança significante.
CSS Values and Units Module Level 3
The definition of '<number>' in that specification.
Candidata a Recomendação Nenhuma mudança significante.
CSS Level 2 (Revision 1)
The definition of '<number>' in that specification.
Recomendação Definição explícita.
CSS Level 1
The definition of '<number>' in that specification.
Recomendação Definição implícita..

Compatibilidade entre Navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
<number>Chrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 5Opera Full support 2Safari Full support 1WebView Android Full support 1Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0
Scientific notationChrome Full support 43Edge Full support 12Firefox Full support 29IE Full support 11Opera Full support 30Safari Full support 10.1WebView Android Full support 43Chrome Android Full support 43Firefox Android Full support 29Opera Android Full support 30Safari iOS Full support 10.3Samsung Internet Android Full support 4.0

Legend

Full support  
Full support

Veja também