<integer> CSS-Typ
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Der <integer> CSS Datentyp ist ein besonderer Typ von <number>, der eine positive oder negative ganze Zahl darstellt. Ganzzahlen können in zahlreichen CSS-Eigenschaften und Deskriptoren verwendet werden, wie 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, 0 bis einschließlich 9, die optional von einem einzelnen + oder - Zeichen vorangestellt werden können. Ganzzahlen sind mit keiner Einheit verbunden.
Hinweis:
Es gibt keine offizielle Bereich von gültigen <integer>-Werten, und die Spezifikationen legen keinen Bereich fest.
Interpolation
Bei Animationen werden Werte des <integer>-Datentyps unter Verwendung von diskreten, ganzen Schritten interpoliert. Die Berechnung erfolgt so, als wären sie reale Gleitkommazahlen; der diskrete Wert wird mit der floor function ermittelt. Die Geschwindigkeit der Interpolation wird durch die der Animation zugeordnete easing function 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
| Spezifikation |
|---|
| CSS Values and Units Module Level 4 # integers |