mozilla

Compare Revisions

<integer>

Change Revisions

Revision 358943:

Revision 358943 by teoli on

Revision 358963:

Revision 358963 by ethertank on

Title:
integer
integer
Slug:
CSS/integer
CSS/integer
Tags:
"css", "CSS Reference"
"css", "CSS Reference"
Content:

Revision 358943
Revision 358963
n7    <p>n7    <div>
8      {{ CSSRef() }}8      {{CSSRef}}
9    </p>9    </div>
n14      The <code>&lt;integer&gt;</code> <a href="/en/CSS" title="Cn14      The <code>&lt;integer&gt;</code> <a href="/en-US/docs/CSS" 
>SS">CSS</a> data type denotes an integer number, positive or nega>title="CSS">CSS</a> data type denotes an integer number, positive
>tive. There isn't any associated unit with the value. An integer > or negative. There isn't any associated unit with the value. An 
>consists of one or several decimal digit, 0 to 9, eventually prec>integer consists of one or several decimal digit, 0 to 9, eventua
>eded by one single + or - sign.>lly preceded by one single + or - sign.
15    </p>
16    <p>15    </p>
16    <p>
17      Integers are used in numerous CSS properties, e. g. {{ cssx17      Integers are used in numerous CSS properties, e. g. {{cssxr
>ref("z-index") }}, {{ cssxref("line-height") }}, {{ cssxref("coun>ef("z-index")}}, {{cssxref("line-height")}}, {{cssxref("counter-i
>ter-increment") }}, {{ Cssxref("column-count") }}.>ncrement")}}, {{Cssxref("column-count")}}.
18    </p>
19    <p>18    </p>
19    <p>
20      Also any <code>&lt;integer&gt;</code> CSS value is also a {20      Also any <code>&lt;integer&gt;</code> CSS value is also a {
>{ Xref_cssnumber() }} CSS value, though the converse is not true.>{Xref_cssnumber}} CSS value, though the converse is not true.
n29      Values of the <code>&lt;integer&gt;</code> CSS data type can29      Values of the <code>&lt;integer&gt;</code> CSS data type ca
>n be interpolated in order to allow animations. In that case they>n be interpolated in order to allow animations. In that case they
> are interpolated via integer discrete steps. The calculation is > are interpolated via integer discrete steps. The calculation is 
>done as if they were real, floating-point numbers and the discret>done as if they were real, floating-point numbers and the discret
>e value is obtained using the <a class="external" href="http://en>e value is obtained using the <a href="http://en.wikipedia.org/wi
>.wikipedia.org/wiki/Floor_function" title="http://en.wikipedia.or>ki/Floor_function" title="http://en.wikipedia.org/wiki/Floor_func
>g/wiki/Floor_function">floor function</a>. The speed of the inter>tion">floor function</a>. The speed of the interpolation is deter
>polation is determined by the <a href="/en/CSS/timing-function" t>mined by the <a href="/en-US/docs/CSS/timing-function" title="tim
>itle="timing-function">timing function</a> associated with the an>ing-function">timing function</a> associated with the animation.
>imation. 
n4912.0        This is a <a href="mks://localhost/en/CSS/number" titn4912.0        This is a <a href="mks://localhost/en/CSS/number" tit
>le="en/CSS/number">&lt;number&gt;</a>, not an &lt;integer&gt;, th>le="CSS/number">&lt;number&gt;</a>, not an &lt;integer&gt;, thoug
>ough it represents an integer>h it represents an integer
n77            {{ SpecName('CSS3 Values', '#integers', '&lt;integer&n77            {{SpecName('CSS3 Values', '#integers', '&lt;integer&g
>gt;') }}>t;')}}
78          </td>
79          <td>78          </td>
79          <td>
80            {{ Spec2('CSS3 Values') }}80            {{Spec2('CSS3 Values')}}
n88            {{ SpecName('CSS2.1', 'syndata.html#numbers', '&lt;inn88            {{SpecName('CSS2.1', 'syndata.html#numbers', '&lt;int
>teger&gt;') }}>eger&gt;')}}
89          </td>
90          <td>89          </td>
90          <td>
91            {{ Spec2('CSS2.1') }}91            {{Spec2('CSS2.1')}}
n99            {{ SpecName('CSS1', '', '&lt;integer&gt;') }}n99            {{SpecName('CSS1', '', '&lt;integer&gt;')}}
100          </td>
101          <td>100          </td>
101          <td>
102            {{ Spec2('CSS1') }}102            {{Spec2('CSS1')}}
n110    <h2 id="Browser_Compatibility" name="Browser_Compatibility">n110    <h2 id="Browser_compatibility" name="Browser_compatibility">
111      Browser Compatibility111      Browser compatibility
112    </h2>
113    <p>112    </h2>
113    <div>
114      {{ CompatibilityTable() }}114      {{CompatibilityTable}}
115    </p>115    </div>
n176              IE&nbsp;Phonen176              IE Phone
t212      <li>CSS Data Types : {{ CSSDataTypes() }}t212      <li>CSS Data Types : {{CSSDataTypes}}

Back to History