1. 開発者向けのウェブ技術
  2. CSS
  3. リファレンス
  4. <number>

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

<number>

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

<number>CSSデータ型で、整数、小数部分のある数値、科学記法における 10 進数の指数を表します。

構文

<number> の構文は <integer> 構文を拡張したものです。小数は . と続く 1 桁以上の 10 進数で表し、整数に追加されることもあります。<number> は、最後に文字 e または E を続けて整数が続く形でもあり、これは科学記法における 10 進数の指数を示します。数値に関連付けられた単位はありません。

整数と同様に、先頭の数字の直前に - または + を付けて、その数値の符号(正か負か)を示すことができます。

補間

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

有効な数値

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

無効な数値

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

仕様書

仕様書
CSS Values and Units Module Level 4
# numbers

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

AltStyle によって変換されたページ (->オリジナル) /