[css-round-display] Modify definition syntax of 2d rotate function

Author: Jihye Hong

css-round-display/Overview.bs

@@ -752,14 +752,14 @@ but in case of 'polar-anchor', percentage resolves to the width and height of a
  When elements are positioned in polar coordinates, there are many usecases which show the elements rotated toward the origin of polar coordinates. In such cases, degree of rotation has to be specified in the 2d rotation function for each element. But when using the keyword value instead of the <<angle>> value, the calculation of accurate rotation degree may be omitted.
 <br><br>
 
-<dl>
 <p>
 The two-dimensional rotation function <code><a href="https://www.w3.org/TR/css3-transforms/#funcdef-rotate">'rotate(&lt;angle>)'</a></code> used in polar coordinates is extended as follows:
 </p>
-	<pre class=prod><dfn>
-	<a href="https://www.w3.org/TR/css3-transforms/#funcdef-rotate">rotate()</a> = rotate( <<angle>> | polar-angle | polar-angle-reverse)</dfn></pre>
+<dfn>
+	<a href="https://www.w3.org/TR/css3-transforms/#funcdef-rotate">rotate()</a>
+	= rotate( <<angle>> | polar-angle | polar-angle-reverse)
+</dfn>
 
-</dl>
 
 Values have the following meanings:
 <dl>

css-round-display/Overview.html

@@ -799,10 +799,9 @@ <h3 class="heading settled" data-level="6.4" id="polar-anchor-property"><span cl
 but in case of <a class="property" data-link-type="propdesc" href="#propdef-polar-anchor">polar-anchor</a>, percentage resolves to the width and height of a containing block of the element. </p>
     <h3 class="heading settled" data-level="6.5" id="2d-rotation-transform-function"><span class="secno">6.5. </span><span class="content">2D Rotation Transform Function for self-rotating elements in polar coordinates</span><a class="self-link" href="#2d-rotation-transform-function"></a></h3>
     <p> When elements are positioned in polar coordinates, there are many usecases which show the elements rotated toward the origin of polar coordinates. In such cases, degree of rotation has to be specified in the 2d rotation function for each element. But when using the keyword value instead of the <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value">&lt;angle></a> value, the calculation of accurate rotation degree may be omitted. <br><br> </p>
-    <dl>
-     <p> The two-dimensional rotation function <code><a href="https://www.w3.org/TR/css3-transforms/#funcdef-rotate">'rotate(&lt;angle>)'</a></code> used in polar coordinates is extended as follows: </p>
-<pre class="prod"><dfn data-dfn-type="function" data-export="" data-lt="rotate()" id="funcdef-rotate"><a href="https://www.w3.org/TR/css3-transforms/#funcdef-rotate">rotate()</a> = rotate( <a class="production" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value">&lt;angle></a> <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> polar-angle <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> polar-angle-reverse)<a class="self-link" href="#funcdef-rotate"></a></dfn></pre>
-    </dl>
+    <p> The two-dimensional rotation function <code><a href="https://www.w3.org/TR/css3-transforms/#funcdef-rotate">'rotate(&lt;angle>)'</a></code> used in polar coordinates is extended as follows: </p>
+     <dfn data-dfn-type="dfn" data-lt="rotate()
+	= rotate( <angle> | polar-angle | polar-angle-reverse)" data-noexport="" id="rotate--rotate-angle--polar-angle--polar-angle-reverse"> <a href="https://www.w3.org/TR/css3-transforms/#funcdef-rotate">rotate()</a> = rotate( <a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#angle-value">&lt;angle></a> | polar-angle | polar-angle-reverse) <a class="self-link" href="#rotate--rotate-angle--polar-angle--polar-angle-reverse"></a></dfn> 
     <p>Values have the following meanings:</p>
     <dl>
      <dt><var>polar-angle</var>
@@ -986,11 +985,18 @@ <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="c
    <li><a href="#propdef-border-boundary">border-boundary</a><span>, in §5.1</span>
    <li><a href="#descdef-media-device-radius">device-radius</a><span>, in §3.1</span>
    <li><a href="#propdef-polar-anchor">polar-anchor</a><span>, in §6.4</span>
-   <li><a href="#propdef-polar-angle">polar-angle</a><span>, in §6.1</span>
+   <li>
+    polar-angle
+    <ul>
+     <li><a href="#propdef-polar-angle">(property)</a><span>, in §6.1</span>
+     <li><a href="#rotate--rotate-angle--polar-angle--polar-angle-reverse">definition of</a><span>, in §6.5</span>
+    </ul>
+   <li><a href="#rotate--rotate-angle--polar-angle--polar-angle-reverse">polar-angle-reverse)</a><span>, in §6.5</span>
    <li><a href="#propdef-polar-distance">polar-distance</a><span>, in §6.2</span>
    <li><a href="#propdef-polar-origin">polar-origin</a><span>, in §6.3</span>
    <li><a href="#typedef-position">&lt;position></a><span>, in §6.3</span>
-   <li><a href="#funcdef-rotate">rotate()</a><span>, in §6.5</span>
+   <li><a href="#rotate--rotate-angle--polar-angle--polar-angle-reverse">rotate()
+	= rotate( &lt;angle></a><span>, in §6.5</span>
    <li><a href="#propdef-shape-inside">shape-inside</a><span>, in §4.1</span>
   </ul>
   <h3 class="no-num no-ref heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>