Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

概要

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

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: Sebastianz, fscholz, teoli, ethertank, sosleepy, Marsf
 最終更新者: Sebastianz,