Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<number> CSS-Typ

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Der <number> CSS Datentyp repräsentiert eine Zahl, die entweder eine ganze Zahl, eine Zahl mit einem Bruchanteil oder ein Basis-zehn-Exponenten in wissenschaftlicher Notation sein kann.

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 enden, gefolgt von einer ganzen Zahl, was einen Basis-zehn-Exponenten in wissenschaftlicher Notation anzeigt. Zahlen sind mit keiner Einheit verbunden.

Wie bei ganzen Zahlen kann das erste Zeichen der Zahl sofort durch - oder + vorangestellt werden, um das Vorzeichen der Zahl anzugeben: ob die Zahl positiv oder negativ ist.

Interpolation

Bei Animationen werden Werte des <number> CSS-Datentyps als echte, Gleitkomma-Zahlen interpoliert. Die Geschwindigkeit der Interpolation wird durch die mit der Animation verbundene Easing-Funktion bestimmt.

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

Spezifikation
CSS Values and Units Module Level 4
# numbers

Browser-Kompatibilität

Siehe auch