<number>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
構文
<number> の構文は <integer> 構文を拡張したものです。小数は . と続く 1 桁以上の 10 進数で表し、整数に追加されることもあります。<number> は、最後に文字 e または E を続けて整数が続く形でもあり、これは科学記法における 10 進数の指数を示します。数値に関連付けられた単位はありません。
整数と同様に、先頭の数字の直前に - または + を付けて、その数値の符号（正か負か）を示すことができます。
補間
<number> データ型の値はアニメーション用に補間可能です。実数、浮動小数点数として補間されます。補間の速度は、アニメーションに関連付けられたイージング関数で決められます。
例
有効な数値
12 生の <integer> は <number> でもある 4.01 正の実数 -456.8 負の実数 0.0 ゼロ +0.0 + に続くゼロ -0.0 - に続くゼロ .60 前のゼロがない小数値 10e3 指数表記 -3.4e-2 複雑な指数表記
無効な数値
12. 小数点の後ろには数字が続かなくてはなりません +-12.2 前に置ける +/- は 1 つだけです 12.1.1 小数点は1つしか置けません
仕様書
| Specification |
|---|
| CSS Values and Units Module Level 4 # numbers |