1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
---
title: <integer>
slug: Web/CSS/integer
tags:
- CSS
- CSS Datentyp
- Layout
- Referenz
- Web
translation_of: Web/CSS/integer
---
<div>{{CSSRef}}</div>
<h2 id="Summary" name="Summary">Übersicht</h2>
<p>Der <a href="/de/docs/CSS" title="CSS">CSS</a> Wert <code><integer></code> ist eine Ganzzahl zwischen 0 und 9. data type denotes an integer number, positive or negative. Davor kann ein + oder - stehen. Steht nichts davor ist der Interger positiv.</p>
<p>Integer kommen bspw. in {{cssxref("z-index")}}, {{cssxref("line-height")}}, {{cssxref("counter-increment")}} oder {{Cssxref("column-count")}} vor.</p>
<p>Ein <code><integer></code> entspricht auch dem Wert {{cssxref("<number>")}}.</p>
<div class="note">Es gibt keine offizielle Begrenzung des Wertes. Opera unterstützt nur Werte bis 2<sup>15</sup>-1, der Internet Explorer bis 2<sup>20</sup>-1. Während der Entwicklung von CSS3 wurde dies ausführlich diskutiert. Der letzte Stand, April 2012, war [-2<sup>27</sup>-1; 2<sup>27</sup>-1] <a href="http://lists.w3.org/Archives/Public/www-style/2012Apr/0633.html" title="http://lists.w3.org/Archives/Public/www-style/2012Apr/0633.html">#</a>, aber auch 2<sup>24</sup>-1 und 2<sup>30</sup>-1 wurden vorgeschlagen <a href="http://lists.w3.org/Archives/Public/www-style/2012Apr/0530.html" title="http://lists.w3.org/Archives/Public/www-style/2012Apr/0530.html">#</a> <a href="http://lists.w3.org/Archives/Public/www-style/2012Apr/0530.html" title="http://lists.w3.org/Archives/Public/www-style/2012Apr/0530.html">#</a>. Im letzten Entwurf der Spezifikation wurde kein Limit festgelegt.</div>
<h2 id="Interpolation">Interpolation</h2>
<p>Werte des <code><integer></code> CSS Datentyps können interpoliert werden, um Animationen zu ermöglichen. In diesem Fall werden sie als ganzzahlige Einzelschritte interpoliert. Die Berechnung erfolgt, als ob sie reale Fließkommazahlen wären und der Einzelwert wird durch die <a href="https://de.wikipedia.org/wiki/Abrundungsfunktion_und_Aufrundungsfunktion#Abrundungsfunktion_oder_Gau.C3.9Fklammer">Abrundungsfunktion</a> ermittelt. Die Geschwindigkeit der Interpolation wird durch die mit der Animation verbundenen {{cssxref("timing-function", "Timingfunktion")}} bestimmt.</p>
<h2 id="Beispiele">Beispiele</h2>
<p>Gültige Integer:</p>
<pre>12 Positiver Integer (ohne führendes +)
+123 Positiver integer (mit führendem +)
-456 Negativer integer
0 Null
+0 Null mit führendem +
-0 Null mit führendem - (obwohl seltsam, ist dies ein erlaubter Wert)
</pre>
<p>Ungültige Integer:</p>
<pre>12.0 Dist ist eine {{cssxref("<number>")}}, kein <integer>, obwohl sie eine Ganzzahl darstellt
12. Der Punkt sollte nicht Teil eines <integer> sein
+---12 Nur ein führendes +/- ist erlaubt
ten Buchstaben sind nicht erlaubt
_5 Sonderzeichen sind nicht erlaubt
\35 Escapte Unicodezeichen sind nicht erlaubt, auch wenn diese einer Ganzzahl entsprechen (hier: 5)
\4E94 Nicht-arabische Numerale sind nicht erlaubt, auch nicht escapt (hier: die japanische 5, 五)
3e4 Wissenschaftliche Notation ist nicht gültig für <integer>
</pre>
<h2 id="Spezifikationen">Spezifikationen</h2>
<table class="standard-table">
<thead>
<tr>
<th>Spezifikation</th>
<th>Status</th>
<th>Anmerkung</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('CSS3 Values', '#integers', '<integer>')}}</td>
<td>{{Spec2('CSS3 Values')}}</td>
<td>keine wesentliche Änderung gegenüber CSS Level 2 (Revision 1)</td>
</tr>
<tr>
<td>{{SpecName('CSS2.1', 'syndata.html#numbers', '<integer>')}}</td>
<td>{{Spec2('CSS2.1')}}</td>
<td>Explizit definiert</td>
</tr>
<tr>
<td>{{SpecName('CSS1', '', '<integer>')}}</td>
<td>{{Spec2('CSS1')}}</td>
<td>Implizit definiert</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">Browser Kompatibilität</h2>
<p>{{Compat("css.types.integer")}}</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
<li>{{cssxref("<number>")}}</li>
</ul>
|
