整型 | <integer>
<integer>
<integer>CSS数据类型是一种<number>类型,它表示一个整数(无论正负)。整数被在许多CSS属性中使用,如z-index,counter-increment,column-count,grid-column,grid-row,和repeat()。
语法
一个<integer>由一个或几个十进制数字组成,每一位是0到9(包括0和9)中的任意一个数字,前面可以选择性地添加一个“ +”或“ -”符号。没有与<integer>相关的单位。
<integer>没有正式的有效值范围。Opera支持的值高达215-1,IE高达220-1,而其他浏览器甚至更高。在 CSS3 Values cycle中,有很多关于设置最低限度的支持值的讨论:2012年4月在LC阶段的最新决定是-227-1; 227-1(http://lists.w3.org/Archives/Public/www-style/2012Apr/0633.html),但像224-1和230-1等其他值也被提出了# #。最新的编辑草案不再列出限制。
插值
<integer>CSS数据类型的值可以在插animation中。在整个步骤中,它们采用离散值插入。在此计算过程中,它们就像是真正的浮点数一样被用于计算。离散值是使用floor函数获得的。线性插值的速度由于动画相关的timing 函数决定。
实例
有效整数值
12 正整数(不带前导符号+)
+123 正整数(带有前导符号+)
-456 负整数
0 零
+0 零,带前导符号+
-0 零,带前导符号-
无效整数值
12.0 这是一个<数字>,而不是一个<整数>,尽管它代表一个整数。
12. 小数点是不允许的。
+ --- 12 只允许一个前导的+/-。
ten 字母是不允许的。
_5 特殊字符是不允许的。
\35 转义的Unicode字符是不允许的,即使它们是一个整数(这里是5)。
\4E94 非阿拉伯数字是不允许的,即使表示转义的时候(这里是:日语5,五)。
3e4 科学记数法是不允许的。
规范
Specification | Status | Comment |
---|---|---|
CSS Values and Units Module Level 3The definition of '<integer>' in that specification. | Candidate Recommendation | No significant change. |
CSS Level 2 (Revision 1)The definition of '<integer>' in that specification. | Recommendation | Explicit definition. |
CSS Level 1The definition of '<integer>' in that specification. | Recommendation | Implicit definition. |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
basic | 1.0 | 1.0 (1.7 or earlier) | 3.0 | (Yes) | 1.0 (85) |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |