Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

概要

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> の定義
勧告 暗黙的な定義

ブラウザ実装状況

機能 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,