<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 215-1, der Internet Explorer bis 220-1. Während der Entwicklung von CSS3 wurde dies ausführlich diskutiert. Der letzte Stand, April 2012, war [-227-1; 227-1] #, aber auch 224-1 und 230-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

Browser Kompatibilität

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)

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
 Mitwirkende an dieser Seite: Sebastianz, fscholz, SJW
 Zuletzt aktualisiert von: Sebastianz,