Movatterモバイル変換


[0]ホーム

URL:


  1. 面向开发者的 Web 技术
  2. CSS:层叠样式表
  3. CSS 参考
  4. <number>

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in EnglishAlways switch to English

<number>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

CSS数据类型<number> 表示整数或者是带有小数部分的数字,或者是以十进制指数的科学记数法。

语法

<number> 的语法扩展了<integer> 的语法。分数值由一个点. 后跟一个或多个十进制数字表示,并且可以附加到整数上。数值没有关联单位。<number> 也可以以字母eE 结尾,并紧跟一个整数,用来表示科学记数法中的十进制指数。数值本身不带任何单位。

与整数相同,数值的第一个字符前可以紧跟 - 或 +,用来表示该数值是正数还是负数。

插值

当被动画化时,<number> CSS 数据类型的值会作为实数、浮点数进行插值计算。插值的速度由与动画相关的缓动函数来决定。

示例

有效数字

12          原始的 <integer> 也是 <number>。4.01        正分数-456.8      负分数0.0         零+0.0        带 + 号的零-0.0        带 - 号的零.60         不带零的小数10e3        科学计数法-3.4e-2     复杂的科学记数法

无效数字

12.         小数点后必须至少跟随一位数字。+-12.2      只允许有一个前置的正负号 + 或 -。12.1.1      只允许存在一个小数点。

规范

Specification
CSS Values and Units Module Level 4
# numbers

浏览器兼容性

参见

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2026 Movatter.jp