number

概要

CSS <number> データ型は、整数と小数のどちらの数値も表します。構文は <整数値> データ値のものを拡張しています。小数を表現するには、<整数値> データ値に、小数部('.' に続く1つ以上の10進数)を追加します。<整数値> データ型と同じように、 <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 勧告候補 CSS Level 2 (Revision 1) から重要な変更なし
CSS Level 2 (Revision 1) 勧告 明示的な定義
CSS Level 1 勧告 暗黙的な定義

ブラウザ実装状況

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

関連情報

Document Tags and Contributors

Contributors to this page: sosleepy, ethertank, Marsf
最終更新者: ethertank,
サイドバーを隠す