概要

CSS <number> データ型は、整数と小数のどちらの数値も表します。構文は <integer> データ値のものを拡張しています。小数を表現するには、<integer> データ値に、小数部('.' に続く1つ以上の10進数)を追加します。<integer> データ型と同じように、 <number> は単位を持たず、CSS の寸法ではありません。

補間

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

有効な number 値です:

12          <integer> は <number> でもあります
4.01        正の非整数の <number>
-456.8      負の非整数の <number>
0.0         ゼロ
+0.0        + に続くゼロ
-0.0        - に続くゼロ(変わっていますが使えます)
.60         ドットの前の数値はオプションです

無効な number 値です:

12.         ドットの後ろには number が続かなくてはなりません
+---12.2    前に置ける +/- は 1 つだけです
12.1.1      ドットは1つしか置けません
10e3        e 記法は使えません

仕様

仕様書 策定状況 コメント
CSS Values and Units Module Level 3
<number> の定義
勧告候補 CSS Level 2 (Revision 1) から重要な変更なし
CSS Level 2 (Revision 1)
<number> の定義
勧告 明示的な定義
CSS Level 1
<number> の定義
勧告 暗黙的な定義

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 1.0 1.0 (1.0) <=5.0 yes 1.0 (85)
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート yes yes yes yes yes

関連情報

ドキュメントのタグと貢献者

タグ: 
このページの貢献者: Sebastianz, AA3219, fscholz, teoli, ethertank, sosleepy, Marsf
最終更新者: Sebastianz,