<number>

CSS<number> データ型は、整数または小数部分のある数値を表します。

構文

<number> の構文は <integer> 構文を拡張したものです。小数は . と続く1桁以上の10進数で表し、整数部に追加することができます。数値に関連付けられた単位はありません。

補間

<number> データ型の値はアニメーション用に補間可能です。実数、浮動小数点数として補間されます。補間の速度は、アニメーションに関連付けられた timing function で決められます。

有効な数値

12          生の <integer> は <number> でもある
4.01        正の実数
-456.8      負の実数
0.0         ゼロ
+0.0        + に続くゼロ
-0.0        - に続くゼロ
.60         前のゼロがない小数値
10e3        Scientific notation
-3.4e-2     Complicated scientific notation

無効な数値

12.         小数点の後ろには数字が続かなくてはなりません
+-12.2      前に置ける +/- は 1 つだけです
12.1.1      小数点は1つしか置けません

仕様書

仕様書 状態 備考
CSS Values and Units Module Level 4
<number> の定義
編集者草案 重要な変更なし
CSS Values and Units Module Level 3
<number> の定義
勧告候補 重要な変更なし
CSS Level 2 (Revision 1)
<number> の定義
勧告 明示的な定義
CSS Level 1
<number> の定義
勧告 暗黙的な定義

ブラウザーの互換性

BCD tables only load in the browser

関連情報