mozilla

Revision 42187 of <angle>

  • Revision slug: CSS/angle
  • Revision title: angle
  • Revision id: 42187
  • Created:
  • Creator: Jürgen Jeka
  • Is current revision? No
  • Comment 92 words added, 13 words removed

Revision Content

Angle values in CSS have three possible units. All values in this example represent a right angle:

  • 90deg (degrees)
  • 100grad (grads)      One full circle (360deg) is 400grad
  • 1.571rad (radians)   One full circle (360deg) is 2π radians, 1rad is 180/π degrees

Angle values may be negative. For example, -10deg and 350deg are equivalent. Values greater than 360deg are allowed.

Like for {{ Xref_csslength() }}, the unit may be omitted, if the value is zero: 0deg may be written as 0.

Revision Source

<p><strong>Angle</strong> values in CSS have three possible units. All values in this example represent a right angle:</p>
<ul> <li><code>90deg </code>(degrees)</li> <li><code>100grad </code>(grads)      One full circle (<code>360deg</code>) is<code> 400grad </code></li> <li><code>1.571rad </code>(radians)   One full circle (<code>360deg</code>) is 2<em>π</em> radians,<code> 1rad </code>is 180/<em>π</em> degrees</li>
</ul>
<p>Angle values may be negative. For example, -10deg and 350deg are equivalent. Values greater than 360deg are allowed. </p>
<p>Like for {{ Xref_csslength() }}, the unit may be omitted, if the value is zero:<code> 0deg </code>may be written as<code> 0</code>.</p>
Revert to this revision