<integer>

Übersicht

Der CSS Wert <integer> ist eine Ganzzahl zwischen 0 und 9. data type denotes an integer number, positive or negative. Davor kann ein + oder - stehen. Steht nichts davor ist der Interger positiv.

Integer kommen bspw. in z-index, line-height, counter-increment oder column-count vor.

Ein <integer> entspricht auch dem Wert <number>.

Es gibt keine offizielle Begrenzung des Wertes. Opera unterstützt nur Werte bis 2¹⁵-1, der Internet Explorer bis 2²⁰-1. Während der Entwicklung von CSS3 wurde dies ausführlich diskutiert. Der letzte Stand, April 2012, war [-2²⁷-1; 2²⁷-1] #, aber auch 2²⁴-1 und 2³⁰-1 wurden vorgeschlagen # #. Im letzten Entwurf der Spezifikation wurde kein Limit festgelegt.

Interpolation

Werte des <integer> CSS Datentyps können interpoliert werden, um Animationen zu ermöglichen. In diesem Fall werden sie als ganzzahlige Einzelschritte interpoliert. Die Berechnung erfolgt, als ob sie reale Fließkommazahlen wären und der Einzelwert wird durch die Abrundungsfunktion ermittelt. Die Geschwindigkeit der Interpolation wird durch die mit der Animation verbundenen timingfunktion bestimmt.

Beispiele

Gültige Integer:

12          Positiver Integer (ohne führendes +)
+123        Positiver integer (mit führendem +)
-456        Negativer integer
0           Null
+0          Null mit führendem +
-0          Null mit führendem - (obwohl seltsam, ist dies ein erlaubter Wert)

Ungültige Integer:

12.0        Dist ist eine <number>, kein <integer>, obwohl sie eine Ganzzahl darstellt
12.         Der Punkt sollte nicht Teil eines <integer> sein
+---12      Nur ein führendes +/- ist erlaubt
ten         Buchstaben sind nicht erlaubt
_5          Sonderzeichen sind nicht erlaubt
\35         Escapte Unicodezeichen sind nicht erlaubt, auch wenn diese einer Ganzzahl entsprechen (hier: 5)
\4E94       Nicht-arabische Numerale sind nicht erlaubt, auch nicht escapt (hier: die japanische 5, 五)
3e4         Wissenschaftliche Notation ist nicht gültig für <integer>

Spezifikationen

Spezifikation	Status	Anmerkung
CSS Values and Units Module Level 3 Die Definition von '<integer>' in dieser Spezifikation.	Anwärter Empfehlung	keine wesentliche Änderung gegenüber CSS Level 2 (Revision 1)
CSS Level 2 (Revision 1) Die Definition von '<integer>' in dieser Spezifikation.	Empfehlung	Explizit definiert
CSS Level 1 Die Definition von '<integer>' in dieser Spezifikation.	Empfehlung	Implizit definiert

Merkmal	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Grundlegende Unterstützung	1.0	1.0 (1.0)	3.0	(Ja)	1.0 (85)

Merkmal	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Grundlegende Unterstützung	(Ja)	(Ja)	(Ja)	(Ja)	(Ja)