<integer> は CSS のデータ型で、 number の特殊型であり、正と負の整数を表現します。 integer は column-count, counter-increment, grid-column, grid-row, z-index など、数多くの CSS プロパティで使用することができます。
構文
<integer> データ型は数桁の10進数、 0 から 9 までを含み、任意でその前に単一の + または - の符号が付きます。 integer に関連付けられた単位はありません。
公式には、有効な
<integer> 値の範囲は決められていません。 Opera では 215-1、 IE では220-1 まで、その他のブラウザーではそれ以上の値に対応しています。 CSS3 Values の策定中には対応すべき最小範囲について多くの議論がありました。 LC 段階の 2012 年 4 月の最新の決定では、 [-227-1; 227-1] でしたが、# しかし 224-1 や 230-1 のような他の値も提案されていました。しかし、最新の仕様書では範囲を定めなくなりました。補間
アニメーション時には、 <integer> データ型の値は離散的に整数を使用して補間されます。実数、すなわち浮動小数点で計算が行われた場合、離散値は floor 関数を使って求められます。補間の速度は、アニメーションに結びつけられた timing function で決められます。
例
妥当な integer の値
12 正の整数 (先頭の + なし) +123 正の整数 (先頭の + あり) -456 負の整数 0 ゼロ +0 ゼロ、先頭の + つき -0 ゼロ、先頭の - なし
不正な integer の値
12.0 整数を表していますが、これは <number> であり、<integer> ではありません。 12. 小数点を含んではいけません。 +---12 先頭に置ける +/- は 1 つだけです。 ten 文字は使えません。 _5 記号は使えません。 \35 エスケープを使った Unicode 文字は、それが整数を表す場合でも (これは 5 です) 使えません。 \4E94 アラビア数字以外の数字は使えません (これは日本語の「五」です)。 3e4 指数表記は使えません。
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Values and Units Module Level 4 <integer> の定義 |
編集者草案 | 重要な変更はなし。 |
| CSS Values and Units Module Level 3 <integer> の定義 |
勧告候補 | 重要な変更はなし。 |
| CSS Level 2 (Revision 1) <integer> の定義 |
勧告 | 明示的な定義 |
| CSS Level 1 <integer> の定義 |
勧告 | 暗黙的な定義 |
ブラウザーの互換性
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
<integer> | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 3 | Opera 完全対応 あり | Safari 完全対応 1 | WebView Android 完全対応 ≤37 | Chrome Android 完全対応 18 | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 1 | Samsung Internet Android 完全対応 1.0 |
凡例
- 完全対応
- 完全対応