概要
CSS プロパティで使用される整数値には単位がありません。
整数値は CSS <color>
の値や次の CSS プロパティで使用されます:
z-index
, line-height
, counter-increment
, column-count
.
すべての <integer>
値は <number>
値でもありますが、逆は成り立ちません。
公式には、有効な
<integer>
値の範囲は決められていません。Opera では 215-1、IE では220-1 まで、その他のブラウザではそれ以上がサポートされています。「CSS3 Values」ではサポートすべき限界値について多くの議論がありました: LC 段階の 2012 年 4 月の最新の決定では、[-227-1; 227-1] でした。# しかし 224-1 と 230-1 のような他の値も提案されていました # #. 最新の「Editor's draft」では、もう限界値を載せていません。補間
CSS の <integer>
データ型はアニメーション用に補間可能です。補間は整数の離散間隔で行われます。計算は実数(浮動小数点数)であるかのように行われ、離散値は floor 関数 を使って求められます。補間の速度は、アニメーションに結びつけられた timing function で決められます。
例
有効な integer 値です:
12 正の整数(先行する + なし) +123 正の整数(先行する + あり) -456 負の整数 0 ゼロ +0 ゼロ(先行する + あり) -0 ゼロ(先行する - あり。変わった表記ですが有効値です)
無効な integer 値です:
12.0 これは <number>
で、<integer> ではありません(整数の 12 を表現するとしても)
12. <integer> は、小数点を含んではいけません
+---12 先行して置ける +/- は 1 つだけです
ten 文字は使えません
_5 記号は使えません
\35 エスケープを使った Unicode 文字は、それが整数を表す場合にも(これは 5 です)使えません
\4E94 アラビア数字以外の数字は使えません(これは日本語の「五」です)
仕様書
仕様書 | 策定状況 | コメント |
---|---|---|
CSS Values and Units Module Level 3 <integer> の定義 |
勧告候補 | CSS Level 2 (Revision 1) から重要な変更無し |
CSS Level 2 (Revision 1) <integer> の定義 |
勧告 | 明示的な定義 |
CSS Level 1 <integer> の定義 |
勧告 | 暗黙的な定義 |
ブラウザ実装状況
機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
基本サポート | 1.0 | 1.0 (1.0) | 3.0 | yes | 1.0 (85) |
機能 | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
基本サポート | yes | yes | yes | yes | yes |