<number>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Der <number> CSS Datentyp repräsentiert eine Zahl, entweder als ganze Zahl, eine Zahl mit einem Bruchbestandteil oder als Basis-zehn-Exponent in wissenschaftlicher Notation.
Syntax
Die Syntax von <number> erweitert die Syntax von <integer>. Ein Bruchwert wird durch einen . gefolgt von einer oder mehreren Dezimalziffern dargestellt und kann an eine ganze Zahl angehängt werden. Ein <number> kann auch mit dem Buchstaben e oder E gefolgt von einer ganzen Zahl enden, was einen Basis-zehn-Exponent in wissenschaftlicher Notation angibt. Zahlen sind mit keiner Einheit verbunden.
Wie bei ganzen Zahlen kann das erste Zeichen der Zahl unmittelbar mit einem - oder + vorangestellt werden, um das Vorzeichen der Zahl anzugeben: ob die Zahl positiv oder negativ ist.
Interpolation
Bei Animationen werden die Werte des <number> CSS-Datentyps als reale, Gleitkommazahlen interpoliert. Die Geschwindigkeit der Interpolation wird durch die Easing-Funktion bestimmt, die mit der Animation verbunden ist.
Beispiele
Gültige Zahlen
12 A raw <integer> is also a <number>. 4.01 Positive fraction -456.8 Negative fraction 0.0 Zero +0.0 Zero, with a leading + -0.0 Zero, with a leading - .60 Fractional number without a leading zero 10e3 Scientific notation -3.4e-2 Complicated scientific notation
Ungültige Zahlen
12. Decimal points must be followed by at least one digit. +-12.2 Only one leading +/- is allowed. 12.1.1 Only one decimal point is allowed.
Spezifikationen
| Specification |
|---|
| CSS Values and Units Module Level 4 # numbers |
Browser-Kompatibilität
Loading…