diff options
Diffstat (limited to 'files/de/web/css/number/index.html')
| -rw-r--r-- | files/de/web/css/number/index.html | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/files/de/web/css/number/index.html b/files/de/web/css/number/index.html new file mode 100644 index 0000000000..8da756e1ff --- /dev/null +++ b/files/de/web/css/number/index.html @@ -0,0 +1,80 @@ +--- +title: <number> +slug: Web/CSS/number +tags: + - CSS + - CSS Datentyp + - Layout + - NeedsMobileBrowserCompatibility + - Referenz + - Web +translation_of: Web/CSS/number +--- +<div>{{CSSRef}}</div> + +<p>Der <code><number></code> <a href="/de/docs/Web/CSS">CSS</a> Datentyp repräsentiert eine Zahl, entweder Ganzzahl oder Bruchzahl. Ihre Syntax erweitert die des {{cssxref("<integer>")}} Datentyps. Um einen Bruchwert darzustellen, wird der Bruchteil — ein '.' gefolgt von einer oder mehreren Ziffern — einem beliebigen {{cssxref("<integer>")}} Datentyp angehängt. Wie für {{cssxref("<integer>")}} Datentypen wird auch für <code><number></code> Werte keine Einheit angegeben, welche keine CSS Größe ist.</p> + +<h2 id="Interpolation">Interpolation</h2> + +<p>Werte des <code><number></code> 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 {{cssxref("timing-function", "Timingfunktion")}} bestimmt.</p> + +<h2 id="Beispiele">Beispiele</h2> + +<p>Dies sind gültige Zahlenwerte:</p> + +<pre class="eval">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 +</pre> + +<p>Dies sind ungültige Zahlenwerte:</p> + +<pre class="eval">12. Dem Punkt sollte eine Zahl folgen ++-12.2 Nur ein führendes +/- ist erlaubt +12.1.1 Nur ein Punkt ist erlaubt +</pre> + +<h2 id="Spezifikationen">Spezifikationen</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spezifikation</th> + <th scope="col">Status</th> + <th scope="col">Kommentar</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS3 Values', '#numbers', '<number>')}}</td> + <td>{{Spec2('CSS3 Values')}}</td> + <td>Keine wesentliche Änderung in Bezug auf CSS Level 2 (Revision 1)</td> + </tr> + <tr> + <td>{{SpecName('CSS2.1', 'syndata.html#numbers', '<number>')}}</td> + <td>{{Spec2('CSS2.1')}}</td> + <td>Explizit definiert</td> + </tr> + <tr> + <td>{{SpecName('CSS1', '', '<number>')}}</td> + <td>{{Spec2('CSS1')}}</td> + <td>Implizit definiert</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2> + +<p>{{Compat("css.types.number")}}</p> + +<h2 id="Siehe_auch">Siehe auch</h2> + +<ul> + <li>{{CSSxRef("<integer>")}}</li> +</ul> |