<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
BCD tables only load in the browser