<number>

Der <number> CSS Datentyp repräsentiert eine Zahl, entweder Ganzzahl oder Bruchzahl. Ihre Syntax erweitert die des <integer> Datentyps. Um einen Bruchwert darzustellen, wird der Bruchteil — ein '.' gefolgt von einer oder mehreren Ziffern — einem beliebigen <integer> Datentyp angehängt. Wie für <integer> Datentypen wird auch für <number> Werte keine Einheit angegeben, welche keine CSS Größe ist.

Interpolation

Werte des <number> CSS Datentyps können interpoliert werden, um Animationen zu ermöglichen. In diesem Fall werden sie als reale Fließkommazahlen interpoliert. Die Geschwindigkeit der Interpolation wird durch die der Animation zugehörigen timingfunktion bestimmt.

Beispiele

Dies sind gültige Zahlenwerte:

12          Reiner <integer> ist ebenfalls eine <number>
4.01        Positive <number>, die keine Ganzzahl ist
-456.8      Negative <number>, die keine Ganzzahl ist
0.0         Null
+0.0        Null mit führendem +
-0.0        Null mit führendem - (obwohl seltsam, ist dies ein erlaubter Wert)
.60         Ziffern vor dem Punkt sind optional
10e3        Wissenschaftliche Notation ist erlaubt
-3.4e-2     Komplexester Fall wissenschaftlicher Notation

Dies sind ungültige Zahlenwerte:

12.         Dem Punkt sollte eine Zahl folgen
+-12.2      Nur ein führendes +/- ist erlaubt
12.1.1      Nur ein Punkt ist erlaubt

Spezifikationen

Spezifikation Status Kommentar
CSS Values and Units Module Level 3
Die Definition von '<number>' in dieser Spezifikation.
Anwärter Empfehlung Keine wesentliche Änderung in Bezug auf CSS Level 2 (Revision 1)
CSS Level 2 (Revision 1)
Die Definition von '<number>' in dieser Spezifikation.
Empfehlung Explizit definiert
CSS Level 1
Die Definition von '<number>' in dieser Spezifikation.
Empfehlung Implizit definiert

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
<number>Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 5Opera Vollständige Unterstützung 2Safari Vollständige Unterstützung 1WebView Android Vollständige Unterstützung 1Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
Scientific notationChrome Vollständige Unterstützung 43Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 29IE Vollständige Unterstützung 11Opera Vollständige Unterstützung 30Safari Vollständige Unterstützung 10.1WebView Android Vollständige Unterstützung 43Chrome Android Vollständige Unterstützung 43Firefox Android Vollständige Unterstützung 29Opera Android Vollständige Unterstützung 30Safari iOS Vollständige Unterstützung 10.3Samsung Internet Android Vollständige Unterstützung 4.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung

Siehe auch