Skip to content

Commit 6dfa3a4

Browse files
committed
[css-round-display] Make position polar apply to the element rather than the parent (ACTION-711: https://www.w3.org/Style/CSS/Tracker/actions/711)(2)
1 parent aaf4d1d commit 6dfa3a4

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

css-round-display/Overview.bs

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -273,7 +273,7 @@ The example below shows how the 'border-boundary' property works on drawing bord
273273
<h2 id="positioning-content">Positioning content by using the polar coordinate system</h2>
274274

275275
<p>
276-
Elements could be often placed along a circle or concentric circles, and the polar coordinate system is useful to handle such cases. This section introduces polar positioning to support layout of elements in the polar coordinate system where the position of an element is determined by a distance from a fixed point within the containing element and an angle from a fixed direction. We add '<code>polar</code>' to the value of the 'position' property to support the polar coordinates of the children of an element. The 'polar-angle' and 'polar-distance' properties specify the position of an element (or a child).
276+
Elements could be often placed along a circle or concentric circles, and the polar coordinate system is useful to handle such cases. This section introduces polar positioning to support layout of elements in the polar coordinate system where the position of an element is determined by a distance from a fixed point within the containing element and an angle from a fixed direction. We add '<code>polar</code>' to the value of the 'position' property to support the polar coordinates of an element itself. The 'polar-angle' and 'polar-distance' properties specify the position of an element.
277277
</p>
278278
<p class="note">
279279
Note: In the polar coordinate system, a point is described as being a certain distance from the pole and a certain angle from the polar axis. In the mathematical theory, the polar axis is commonly defined as the positive direction of the x-axis, but we consider the polar axis as the positive direction of the y-axis position as other CSS specifications usually do.
@@ -289,7 +289,7 @@ When the 'position' property on an element is set to '<code>polar</code>', the e
289289
Media: visual
290290
</pre>
291291
<h3 id="polar-angle-property">The 'polar-angle' property</h3>
292-
The 'polar-angle' property specifies the angle from the X-axis (or a fixed direction).
292+
The 'polar-angle' property specifies the angle from the X-axis (or a fixed direction). This property is activated on condition of position: polar.
293293
<pre class='propdef'>
294294
Name: polar-angle
295295
Applies to: all elements (parents should have 'position: polar' property)
@@ -301,7 +301,7 @@ The 'polar-angle' property specifies the angle from the X-axis (or a fixed direc
301301
Animatable: &lt;angle>
302302
</pre>
303303
<h3 id="polar-distance-property">The 'polar-distance' property</h3>
304-
The 'polar-distance' property specifies the distance from the center of the parent (or a fixed point).
304+
The 'polar-distance' property specifies the distance from the center of the parent (or a fixed point). This property is activated on condition of position: polar.
305305
<pre class='propdef'>
306306
Name: polar-distance
307307
Applies to: all elements (parents should have 'position: polar' property)

0 commit comments

Comments
 (0)