<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.

Der <integer> CSS Datentyp ist ein spezieller Typ von <number>, der eine positive oder negative ganze Zahl darstellt. Ganzzahlen können in zahlreichen CSS-Eigenschaften und -Deskriptoren verwendet werden, wie zum Beispiel bei den Eigenschaften column-count, counter-increment, grid-column, grid-row, und z-index sowie dem Deskriptor range.

Syntax

Der <integer> Datentyp besteht aus einer oder mehreren Dezimalziffern von 0 bis 9 (einschließlich), die optional von einem einzelnen +- oder --Zeichen vorangestellt werden können. Ganzzahlen haben keine zugehörige Einheit.

Hinweis: Es gibt keinen offiziellen Bereich gültiger <integer>-Werte, und die Spezifikationen geben keinen Bereich vor.

Interpolation

Bei Animationen werden Werte des <integer> Datentyps mithilfe diskreter, ganzer Schritte interpoliert. Die Berechnung wird so durchgeführt, als wären es reale Gleitkommazahlen; der diskrete Wert wird mit der Boden-Funktion (floor function) ermittelt. Die Geschwindigkeit der Interpolation wird durch die mit der Animation verbundene Easing-Funktion bestimmt.

Beispiele

Gültige Ganzzahlen

12          Positive integer (without a leading + sign)
+123        Positive integer (with a leading + sign)
-456        Negative integer
0           Zero
+0          Zero, with a leading +
-0          Zero, with a leading -

Ungültige Ganzzahlen

12.0        This is a <number>, not an <integer>, though it represents an integer.
12.         Decimal points are not allowed.
+---12      Only one leading +/- is allowed.
ten         Letters are not allowed.
_5          Special characters are not allowed.
\35         Escaped Unicode characters are not allowed, even if they are an integer (here: 5).
\4E94       Non-arabic numerals are not allowed, even when escaped (here: the Japanese 5, 五).
3e4         Scientific notation is not allowed.

Spezifikationen

Specification
CSS Values and Units Module Level 4
# integers

Browser-Kompatibilität

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

Siehe auch