<number>

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

構文

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

補間

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

Valid numbers

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 3
<number> の定義
勧告候補 重要な変更なし
CSS Level 2 (Revision 1)
<number> の定義
勧告 明示的な定義
CSS Level 1
<number> の定義
勧告 暗黙的な定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
<number>Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 5Opera 完全対応 2Safari 完全対応 1WebView Android 完全対応 1Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
Scientific notationChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 29IE 完全対応 11Opera 完全対応 30Safari 完全対応 10.1WebView Android 完全対応 43Chrome Android 完全対応 43Firefox Android 完全対応 29Opera Android 完全対応 30Safari iOS 完全対応 10.3Samsung Internet Android 完全対応 4.0

凡例

完全対応  
完全対応

関連情報