在此页

• 句法
• 插值
• 范例
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

<integer> CSS data type is a special type of <number> that represents a whole number, whether positive or negative. Integers can be used in numerous CSS properties, such as column-count , counter-increment , grid-column , grid-row ，和 z-index .

句法

<integer> data type consists of one or several decimal digits, 0 through 9 inclusive, optionally preceded by a single + or - sign. There is no unit associated with integers.

注意： There is no official range of valid <integer> values. Opera 12.1 supports values up to 2 ¹⁵ -1, IE up to 2 ²⁰ -1, and other browsers even higher. During the CSS3 Values cycle there was a lot of discussion about setting a minimum range to support: the latest decision, in April 2012 during the LC phase , was [-2 ²⁷ -1; 2 ²⁷ -1], but other values like 2 ²⁴ -1 and 2 ³⁰ -1 were also proposed . However, the latest spec doesn't specify a range anymore.

插值

When animated, values of the <integer> data type are interpolated using discrete, whole steps. The calculation is done as if they were real, floating-point numbers; the discrete value is obtained using the floor function . The speed of the interpolation is determined by the timing function associated with the animation.

范例

Valid integers

12          Positive integer (without a leading + sign)
+123        Positive integer (with a leading + sign)
-456        Negative integer
0           Zero
+0          Zero, with a leading +
-0          Zero, with a leading -
					

Invalid integers

12.0        This is a <number>, not an <integer>, though it represents an integer.
12.         Decimal points are not allowed.
+---12      Only one leading +/- is allowed.
ten         Letters are not allowed.
_5          Special characters are not allowed.
\35         Escaped Unicode characters are not allowed, even if they are an integer (here: 5).
\4E94       Non-arabic numerals are not allowed, even when escaped (here: the Japanese 5, 五).
3e4         Scientific notation is not allowed.
					

规范

规范	状态	注释
CSS Values and Units Module Level 4 The definition of '<integer>' in that specification.	编者草案	No significant change.
CSS Values and Units Module Level 3 The definition of '<integer>' in that specification.	候选推荐	No significant change.
CSS Level 2 (Revision 1) The definition of '<integer>' in that specification.	推荐	Explicit definition.
CSS Level 1 The definition of '<integer>' in that specification.	推荐	Implicit definition.

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
<integer>	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 1	IE 完整支持 3	Opera 完整支持 3.5	Safari 完整支持 1	WebView Android 完整支持 ≤37	Chrome Android 完整支持 18	Firefox Android 完整支持 4	Opera Android 完整支持 10.1	Safari iOS 完整支持 1	Samsung Internet Android 完整支持 1.0

图例

完整支持

完整支持

另请参阅

• <number>

元数据

• 最后修改： Jun 25, 2020

相关话题

1. CSS
2. CSS 参考
3. CSS Types
4. 特性

   1. <angle-percentage>
   2. <angle>
   3. <basic-shape>
   4. <blend-mode>
   5. <custom-ident>
   6. <dimension>
   7. <frequency-percentage>
   8. <frequency>
   9. <gradient>
   10. <image>
   11. <integer>
   12. <length-percentage>
   13. <length>
   14. <number>
   15. <percentage>
   16. <ratio>
   17. <resolution>
   18. <shape>
   19. <string>
   20. <time-percentage>
   21. <time>
   22. <transform-function>
   23. <url>
   24. color
   25. flex
   26. ident
   27. position