<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 eine spezielle Art von <number>, die eine positive oder negative ganze Zahl darstellt. Ganzzahlen können in zahlreichen CSS-Eigenschaften und Deskriptoren verwendet werden, wie z.B. die Eigenschaften column-count, counter-increment, grid-column, grid-row, und z-index sowie der Deskriptor range.

Syntax

Der <integer>-Datentyp besteht aus einer oder mehreren Dezimalziffern, einschließlich 0 bis 9, die optional von einem einzelnen +- oder --Zeichen vorangestellt sind. Es ist keine Einheit mit Ganzzahlen verbunden.

Hinweis: Es gibt keinen offiziellen Bereich für gültige <integer>-Werte, und die Spezifikationen spezifizieren keinen Bereich.

Interpolation

Wenn animiert, werden Werte des <integer>-Datentyps unter Verwendung von diskreten, ganzen Schritten interpoliert. Die Berechnung erfolgt, als ob sie reale, Gleitkommazahlen wären; der diskrete Wert wird unter Verwendung der Floor-Funktion erhalten. Die Geschwindigkeit der Interpolation wird durch die der Animation zugeordnete 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

Siehe auch