<number>

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

<number> CSS 資料型別表示一個數字,它可以是整數、帶小數部分的數字或科學計數法中的十進位制指數。

語法

<number> 的語法擴充套件了 <integer> 的語法。小數部分由一個 . 後面跟著一個或多個十進位制數字表示,可以附加到整數後面。<number> 也可以以字母 eE 結尾,後面跟著一個整數,這表示科學計數法中的十進位制指數。數字沒有關聯的單位。

與整數一樣,數字的第一個字元可以緊跟在 - 或 + 之前,以指示數字的符號:數字是正數還是負數。

插值

當動畫化時,<number> CSS 資料型別的值會作為實數、浮點數進行插值。插值的速度由與動畫關聯的緩動函式決定。

示例

有效數字

12          A raw <integer> is also a <number>.
4.01        Positive fraction
-456.8      Negative fraction
0.0         Zero
+0.0        Zero, with a leading +
-0.0        Zero, with a leading -
.60         Fractional number without a leading zero
10e3        Scientific notation
-3.4e-2     Complicated scientific notation

無效數字

12.         Decimal points must be followed by at least one digit.
+-12.2      Only one leading +/- is allowed.
12.1.1      Only one decimal point is allowed.

規範

規範
CSS 值和單位模組第 4 級
# numbers

瀏覽器相容性

另見