1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
|
---
title: 整型
slug: Web/CSS/integer
tags:
- CSS
- CSS数据类型
- Reference
- Web
translation_of: Web/CSS/integer
---
<div>{{CSSRef}}</div>
<p>The <strong><code><integer></code></strong> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/en-US/docs/Web/CSS/CSS_Types">data type</a> is a special type of {{cssxref("number")}} that represents a whole number, whether positive or negative. Integers can be used in numerous CSS properties, such as {{cssxref("column-count")}}, {{cssxref("counter-increment")}}, {{cssxref("grid-column")}}, {{cssxref("grid-row")}}, and {{cssxref("z-index")}}.<br>
The <strong><code><integer> </code></strong>css数据类型是一种特殊的<number>类型，它表示一个整数，无论是正数还是负数。整数可以用于许多css属性，例如{{cssxref("column-count")}}, {{cssxref("counter-increment")}}, {{cssxref("grid-column")}}, {{cssxref("grid-row")}}, and {{cssxref("z-index")}}.</p>
<h2 id="语法">语法</h2>
<p>The <code><integer></code> data type consists of one or several decimal digits, 0 through 9 inclusive, optionally preceded by a single <code>+</code> or <code>-</code> sign. There is no unit associated with integers.<br>
<integer>数据类型由一个或多个十进制数字组成，包括0到9，可以选择前面加一个+或-号。没有与整数关联的单位。</p>
<div class="note"><strong>Note:</strong> There is no official range of valid <code><integer></code> values. Opera 12.1 supports values up to 2<sup>15</sup>-1, IE up to 2<sup>20</sup>-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, <a href="http://lists.w3.org/Archives/Public/www-style/2012Apr/0633.html">in April 2012 during the LC phase</a>, was [-2<sup>27</sup>-1; 2<sup>27</sup>-1], but other values like 2<sup>24</sup>-1 and 2<sup>30</sup>-1 <a href="http://lists.w3.org/Archives/Public/www-style/2012Apr/0530.html">were also proposed</a>. However, the latest spec doesn't specify a range anymore.<br>
注意：没有有效的<integer>值的正式范围。Opera12.1支持高达2<sup>15</sup>-1的值，IE高达2<sup>20</sup>-1的值，其他浏览器支持更高的值。在CSS3值周期中，有很多关于设置最小支持范围的讨论：2012年4月在LC阶段的最新决定是[-2<sup>27</sup>-1; 2<sup>27</sup>-1],，但也提出了2<sup>24</sup>-1 and 2<sup>30</sup>等其他值。但是，最新的规范不再指定范围。</div>
<h2 id="Interpolation">Interpolation</h2>
<p>When animated, values of the <code><integer></code> 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 <a href="http://en.wikipedia.org/wiki/Floor_function">floor function</a>. The speed of the interpolation is determined by the <a href="/en-US/docs/Web/CSS/single-transition-timing-function" title="timing-function">timing function</a> associated with the animation.<br>
设置动画时，<integer>数据类型的值将使用离散的完整步骤进行插值。计算过程就像是实数，浮点数一样；离散值是使用floor函数得到的。插值的速度由与动画相关联的定时函数确定。</p>
<h2 id="示例">示例</h2>
<h3 id="合法整型">合法整型</h3>
<pre>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 -
</pre>
<h3 id="非法整型">非法整型</h3>
<pre class="example-bad">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.
</pre>
<h2 id="规范">规范</h2>
<table class="standard-table">
<thead>
<tr>
<th>Specification</th>
<th>Status</th>
<th>Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('CSS3 Values', '#integers', '<integer>')}}</td>
<td>{{Spec2('CSS3 Values')}}</td>
<td>No significant change.</td>
</tr>
<tr>
<td>{{SpecName('CSS2.1', 'syndata.html#numbers', '<integer>')}}</td>
<td>{{Spec2('CSS2.1')}}</td>
<td>Explicit definition.</td>
</tr>
<tr>
<td>{{SpecName('CSS1', '', '<integer>')}}</td>
<td>{{Spec2('CSS1')}}</td>
<td>Implicit definition.</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2>
<div>{{CompatibilityTable}}</div>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari (WebKit)</th>
</tr>
<tr>
<td>basic</td>
<td>1.0</td>
<td>{{CompatGeckoDesktop("1.0")}}</td>
<td>3.0</td>
<td>{{CompatVersionUnknown}}</td>
<td>1.0 (85)</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Phone</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="参考">参考</h2>
<ul>
<li>{{cssxref("<number>")}}</li>
</ul>
|
