在线文档教程
CSS

整型 | <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 科学记数法是不允许的。

规范

SpecificationStatusComment
CSS Values and Units Module Level 3The definition of '<integer>' in that specification.Candidate RecommendationNo significant change.
CSS Level 2 (Revision 1)The definition of '<integer>' in that specification.RecommendationExplicit definition.
CSS Level 1The definition of '<integer>' in that specification.RecommendationImplicit definition.

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
basic1.01.0 (1.7 or earlier)3.0(Yes)1.0 (85)

FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support(Yes)(Yes)(Yes)(Yes)(Yes)