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 AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 1IE Vollständige Unterstützung 5Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung 1WebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaEdge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung JaOpera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung JaSamsung Internet Android Vollständige Unterstützung Ja
Scientific notationChrome Vollständige Unterstützung 43Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 29IE Vollständige Unterstützung 11Opera ? Safari ? WebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaEdge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung JaOpera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung JaSamsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, duduindo, SJW, Sebastianz, fscholz
Zuletzt aktualisiert von: mdnwebdocs-bot,