<integer>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<integer>CSSデータ型で、 <number> の特殊型であり、正と負の整数を表現します。整数は数多くの CSS プロパティや記述子で使用することができます。例えば column-count, counter-increment, grid-column, grid-row, z-index プロパティや range 記述子などです。

構文

<integer> データ型は 1 桁から数桁の 10 進数、 0 から 9 までを含み、任意でその前に単一の + または - の符号が付きます。整数に関連付けられた単位はありません。

メモ: 有効な <integer> の値の公式な範囲はなく、仕様書は範囲を指定していません。

補間

アニメーション時には、 <integer> データ型の値は離散的に整数を使用して補間されます。実数、すなわち浮動小数点で計算が行われた場合、離散値は floor 関数を使って求められます。補間の速度は、アニメーションに結びつけられたタイミング関数で決められます。

有効な整数

12          正の整数 (先頭の + なし)
+123        正の整数 (先頭の + あり)
-456        負の整数
0           ゼロ
+0          ゼロ、先頭の + つき
-0          ゼロ、先頭の - なし

無効な整数

12.0        整数を表していますが、これは <number> であり、<integer> ではありません。
12.         小数点を含んではいけません。
+---12      先頭に置ける +/- は 1 つだけです。
ten         文字は使えません。
_5          記号は使えません。
\35         エスケープを使った Unicode 文字は、それが整数を表す場合でも (これは 5 です) 使えません。
\4E94       アラビア数字以外の数字は使えません (これは日本語の「五」です)。
3e4         指数表記は使えません。

仕様書

Specification
CSS Values and Units Module Level 4
# integers

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
<integer>

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報