integer

  • Raccourci de la révision : CSS/entier
  • Titre de la révision : entier
  • ID de la révision : 448873
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

Le type de donnée CSS <entier> indique un nombre entier, positif ou négatif. Aucune unité n'est liée à la valeur. Un entier consiste en un ou plusieurs chiffres, de 0 à 9, éventuellement précédés par un seul signe + ou -.

Les entiers sont utilisés dans de nombreuses propriétés CSS, p. ex. {{ cssxref("z-index") }}, {{ cssxref("line-height") }}, {{ cssxref("counter-increment") }}, {{ Cssxref("column-count") }}.

Toute valeur de type <entier> en CSS est aussi une valeur de type {{ Xref_cssnumber() }}, bien que l'inverse ne soit pas vrai.

Il n'y a pas de bornes à l'ensemble des valeurs de type <entier>, mais la spécification requiert que les valeurs comprisent dans l'intervalle [-224-1; 224-1] soient supportées.

Interpolation

Les valeurs du type <entier> peuvent être interpolée de manière à rendre les animations possibles. Dans ce cas l'interpolation se fait par incrémentation discrète. Le calcul est réalisé comme si les valeurs étaient des nombres réels, en virgule flottante et la valeur discrète est obtenue en utilisant la fonction partie entière. La rapidité de l'interpolation est déterminée par la {{ Cssxref("timing-function","fonction de temporisation") }} associée à l'animation.

Exemples

Ces valeurs sont des entiers valides :

12          Entier positif (sans le signe + à l'avant)
+123        Entier positif (avec le signe + à l'avant)
-456        Entier négatif
0           Zéro
+0          Zéro, avec un signe + à l'avant
-0          Zéro, avec un signe - à l'avant (bien qu'étrange, cette valeur est acceptée)

Ces valeurs sont des entiers non valides :

12.0        Ceci est un {{Xref_cssnumber()}}, pas un <entier>, bien qu'il représente un entier
12.         Le point ne peut pas faire partie d'un <entier>
+---12      Un seul +/- à l'avant est accepté
ten         Les lettres ne sont pas acceptées
_5          Les caractères spéciaux ne sont pas acceptés
\35         Les caractères Unicode échappés ne sont pas acceptés, même s'ils sont un entier (ici : 5)
\4E94       Les chiffres non-arabes ne sont pas acceptés, même échappés (ici : le 5 japonais, 四)

Spécifications

Spécification État Commentaire
CSS Values and Units Level 3 {{ Spec2('CSS3 Values') }} Aucun changement majeur depuis CSS Level 2 (Revision 1)
CSS Level 2 (Revision 1) {{ Spec2('CSS2.1') }} Défini explicitement
CSS Level 1 {{ Spec2('CSS1') }} Défini implicitement

Compatibilité des navigateurs

{{ CompatibilityTable() }}

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 1.0 {{ CompatGeckoDesktop("1") }} 3.0 {{ CompatVersionUnknown() }} 1.0 (85)
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }} {{ CompatVersionUnknown() }}

Voir également

  • Types de données CSS : {{ CSSDataTypes() }}

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>Le type de donnée <a href="/fr/docs/CSS" title="/fr/docs/CSS">CSS</a> <code>&lt;entier&gt;</code> indique un nombre entier, positif ou négatif. Aucune unité n'est liée à la valeur. Un entier consiste en un ou plusieurs chiffres, de 0 à 9, éventuellement précédés par un seul signe + ou -.</p>
<p>Les entiers sont utilisés dans de nombreuses propriétés CSS, p. ex. {{ cssxref("z-index") }}, {{ cssxref("line-height") }}, {{ cssxref("counter-increment") }}, {{ Cssxref("column-count") }}.</p>
<p>Toute valeur de type <code>&lt;entier&gt;</code> en CSS est aussi une valeur de type {{ Xref_cssnumber() }}, bien que l'inverse ne soit pas vrai.</p>
<div class="note">
  Il n'y a pas de bornes à l'ensemble des valeurs de type <code>&lt;entier&gt;</code>, mais la spécification requiert que les valeurs comprisent dans l'intervalle [-2<sup>24</sup>-1;&nbsp;2<sup>24</sup>-1] soient supportées.</div>
<h2 id="Interpolation">Interpolation</h2>
<p>Les valeurs du type <code>&lt;entier&gt;</code> peuvent être interpolée de manière à rendre les animations possibles. Dans ce cas l'interpolation se fait par incrémentation discrète. Le calcul est réalisé comme si les valeurs étaient des nombres réels, en virgule flottante et la valeur discrète est obtenue en utilisant la fonction <a class="external" href="http://fr.wikipedia.org/wiki/Partie_enti%C3%A8re_et_partie_fractionnaire#Fonction_partie_enti.C3.A8re" title="http://fr.wikipedia.org/wiki/Partie_enti%C3%A8re_et_partie_fractionnaire#Fonction_partie_enti.C3.A8re">partie entière</a>. La rapidité de l'interpolation est déterminée par la {{ Cssxref("timing-function","fonction de temporisation") }} associée à l'animation.</p>
<h2 id="Exemples">Exemples</h2>
<p>Ces valeurs sont des entiers valides :</p>
<pre>
12&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Entier positif (sans le signe + à l'avant)
+123&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Entier positif (avec le signe + à l'avant)
-456&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Entier négatif
0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Zéro
+0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Zéro, avec un signe + à l'avant
-0          Zéro, avec un signe - à l'avant (bien qu'étrange, cette valeur est acceptée)
</pre>
<p>Ces valeurs sont des entiers non valides :</p>
<pre>
12.0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Ceci est un {{Xref_cssnumber()}}, pas un &lt;entier&gt;, bien qu'il représente un entier
12.         Le point ne peut pas faire partie d'un &lt;entier&gt;
+---12&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Un seul +/- à l'avant est accepté
ten&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Les lettres ne sont pas acceptées
_5&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Les caractères spéciaux ne sont pas acceptés
\35         Les caractères Unicode échappés ne sont pas acceptés, même s'ils sont un entier (ici : 5)
\4E94&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Les chiffres non-arabes ne sont pas acceptés, même échappés (ici : le 5 japonais, 四)
</pre>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<table class="standard-table">
  <thead>
    <tr style="background-color: rgb(255, 204, 255);">
      <th scope="col">Spécification</th>
      <th scope="col">État</th>
      <th scope="col">Commentaire</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a class="external" href="http://www.w3.org/TR/css3-values/#integers" title="http://www.w3.org/TR/css3-values/#integers">CSS Values and Units Level 3</a></td>
      <td>{{ Spec2('CSS3 Values') }}</td>
      <td>Aucun changement majeur depuis CSS Level 2 (Revision 1)</td>
    </tr>
    <tr style="vertical-align: top;">
      <td style="vertical-align: top;"><a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#numbers" title="http://www.w3.org/TR/CSS21/syndata.html#numbers">CSS Level 2 (Revision 1)</a></td>
      <td style="vertical-align: top;">{{ Spec2('CSS2.1') }}</td>
      <td style="vertical-align: top;">Défini explicitement</td>
    </tr>
    <tr>
      <td style="vertical-align: top;"><a class="external" href="http://www.w3.org/TR/CSS1/" title="http://www.w3.org/TR/CSS1/">CSS Level 1</a></td>
      <td style="vertical-align: top;">{{ Spec2('CSS1') }}</td>
      <td style="vertical-align: top;">Défini implicitement</td>
    </tr>
  </tbody>
</table>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonction</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Support de base</td>
        <td>1.0</td>
        <td>{{ CompatGeckoDesktop("1") }}</td>
        <td>3.0</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>1.0 (85)</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonction</th>
        <th>Android</th>
        <th>Chrome for Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Support de base</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<ul>
  <li>Types de données CSS : {{ CSSDataTypes() }}</li>
</ul>
Revenir à cette révision