Skip to content

Commit 6dca0d7

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)
1 parent 4b76324 commit 6dca0d7

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

css-round-display/Overview.bs

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -279,7 +279,7 @@ Elements could be often placed along a circle or concentric circles, and the pol
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.
280280
</p>
281281
<h3 id="position-property">The 'position' property</h3>
282-
When the 'position' property on an element is set to '<code>polar</code>', its children use the polar coordinates.
282+
When the 'position' property on an element is set to '<code>polar</code>', the element could be affected in polar coordinate system.
283283
<pre class='propdef'>
284284
Name: position
285285
Applies to: all elements
@@ -315,11 +315,11 @@ The 'polar-distance' property specifies the distance from the center of the pare
315315

316316
<div class='example'>
317317
This example shows a way to align elements within the polar coordinates system.
318-
<pre>&lt;body style="position: polar;">
318+
<pre>&lt;body">
319319

320-
&lt;div id="circle1" style="polar-angle: 0deg; polar-distance: 50%">&lt;/div>
321-
&lt;div id="circle2" style="polar-angle: 90deg; polar-distance: 20%">&lt;/div>
322-
&lt;div id="circle3" style="polar-angle: 225deg; polar-distance: 100%">&lt;/div>
320+
&lt;div id="circle1" style="position: polar; polar-angle: 0deg; polar-distance: 50%">&lt;/div>
321+
&lt;div id="circle2" style="position: polar; polar-angle: 90deg; polar-distance: 20%">&lt;/div>
322+
&lt;div id="circle3" style="position: polar; polar-angle: 225deg; polar-distance: 100%">&lt;/div>
323323
&lt;/body>
324324
</pre>
325325
</div>

0 commit comments

Comments
 (0)