CSS数据类型 <calc-constant> 定义可用于 CSS 计算的预定义数学常数,例如 e 和 pi。为方便起见,其中一些数学常数由 CSS 直接提供,帮助作者避免输入许多数字或手动计算它们。
可能的值
- e − 称为自然对数的数学常数,大约等于 2.7182818284590452354
- pi − 它表示圆的周长与其直径的比率。它大约等于 3.1415926535897932
- infinity & -infinity − 无限值。它显示最大或最小可能的值。
- NaN − 表示“非数字”规范大小写的值。
语法
笔记
在 calc() 中序列化参数时,它遵循浮点数学的 IEEE-754 标准,考虑涉及 infinity 和 NaN 等常数的情况。- 除以零时将返回无穷大值。根据 numerator 的值,它将是正无穷大或负无穷大。
- 如果你用任何东西加、减或乘无穷大,结果将是无穷大,除非你得到 NaN。
- 任何包含至少一个 NaN 参数的操作,例如 0/0、infinity/infinity、0*infinity、infinity + (-infinity) 和 infinity - infinity,都将产生 NaN。
- 可能的值包括正零和负零(0⁺ 和 0⁻)。这会导致以下效果:
- 使用单个负参数(例如,-5 * 0 或 1 / (-infinity))的乘法或除法结果 0 或其他数学函数的负结果将导致 0⁻。
- 0⁻ + 0⁻ 或 0⁻ - 0 将导致 0⁻。任何导致零的加法或减法都会导致 0⁺。
- 将 0⁻ 与正数(包括 0⁺)相乘或相除会得到负结果(0⁻ 或 -无穷大),但将 0⁻ 与负数相乘或除以会得到正结果。
除 NaN 外,所有常量均不区分大小写,因此 calc(Pi)、calc(E) 和 calc(InFiNiTy) 有效。
e
-e
E
pi
-pi
Pi
infinity
-infinity
InFiNiTy
NaN
-e
E
pi
-pi
Pi
infinity
-infinity
InFiNiTy
NaN
以下是所有无效的常量:
nan
Nan
NAN
Nan
NAN
CSS <calc-constant> - 在 calc() 中使用 e 和 pi
以下示例演示了在 calc() 中使用 e 进行指数旋转,并在 sin() 函数中使用 pi −
CSS <calc-constant> - 无穷大、NaN 和被零除
以下示例演示了除以零时计算的宽度值,以及在控制台中序列化时 calc() 常量的显示方式 -