translation-value

  • Revision slug: CSS/translation-value
  • Revision title: translation-value
  • Revision id: 360389
  • Created:
  • Creator: ethertank
  • Is current revision? No
  • Comment CleanUp only.

Revision Content

{{CSSRef}}

Summary

The <translation-value> CSS data type is used in the arguments for certain transform functions, including translate(), translateX(), translateY(), and translate3d().  A <translation-value> argument can be either a {{Cssxref("length")}} value or a {{Cssxref("percentage")}} value.

Specifications

Specification Status Comment
{{SpecName('CSS3 Transforms', '#transform-functions', 'The Transform Functions')}} {{Spec2('CSS3 Transforms')}}  

See also

  • CSS Data Types : {{CSSDataTypes}}

Revision Source

<div>{{CSSRef}}</div>
<h2 id="Summary">Summary</h2>

<p>The <code>&lt;translation-value&gt;</code> <a href="/en-US/docs/CSS" title="CSS">CSS</a> data type is used in the arguments for certain <a href="/en-US/docs/CSS/transform" title="CSS/transform">transform </a>functions, including <code>translate()</code>, <code>translateX()</code>, <code>translateY()</code>, and <code>translate3d()</code>.&nbsp; A <code>&lt;translation-value&gt;</code> argument can be either a {{Cssxref("length")}} value or a {{Cssxref("percentage")}} value.</p>

<h2 id="Specifications">Specifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th>Specification</th>
      <th>Status</th>
      <th>Comment</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{SpecName('CSS3 Transforms', '#transform-functions', 'The Transform Functions')}}</td>
      <td>{{Spec2('CSS3 Transforms')}}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="See_also">See also</h2>
<ul>
  <li>CSS Data Types : {{CSSDataTypes}}</li>
</ul>
Revert to this revision