Skip to content

Commit 6db675a

Browse files
committed
[css-round-display] Polar minor update
1 parent 7b46482 commit 6db675a

File tree

1 file changed

+10
-6
lines changed

1 file changed

+10
-6
lines changed

css-round-display/Overview.bs

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -282,29 +282,32 @@ Note: In the polar coordinate system, a point is described as being a certain di
282282
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
285-
Applies to: all elements
286-
Value: static | relative | absolute | fixed | inherit | <code>polar</code>
285+
Applies to: all elements except table-column-group and table-column
286+
Value: static | relative | absolute | sticky | fixed | <code>polar</code>
287287
Initial: static
288288
Inherited: no
289+
Percentages: N/A
289290
Media: visual
291+
Computed value: specified value
292+
Animatable: no
290293
</pre>
291294
<h3 id="polar-angle-property">The 'polar-angle' property</h3>
292295
The 'polar-angle' property specifies the angle from the X-axis (or a fixed direction). This property is activated on condition of position: polar.
293296
<pre class='propdef'>
294297
Name: polar-angle
295-
Applies to: all elements (parents should have 'position: polar' property)
298+
Applies to: all elements
296299
Value: <<angle>>
297300
Initial: 0
298301
Media: visual
299302
Inherited: no
300-
Percentages: n/a
303+
Percentages: N/A
301304
Animatable: as <a href="http://www.w3.org/TR/css3-transitions/#animatable-types">angle</a>
302305
</pre>
303306
<h3 id="polar-distance-property">The 'polar-distance' property</h3>
304307
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.
305308
<pre class='propdef'>
306309
Name: polar-distance
307-
Applies to: all elements (parents should have 'position: polar' property)
310+
Applies to: all elements
308311
Value: [ <<length>> | <<percentage>> ]
309312
Initial: 0
310313
Media: visual
@@ -316,6 +319,7 @@ The 'polar-distance' property specifies the distance from the center of the pare
316319
<div class='example'>
317320
This example shows a way to align elements within the polar coordinates system.
318321
<pre>&lt;body>
322+
319323
&lt;div id="circle1" style="position: polar; polar-angle: 0deg; polar-distance: 50%">&lt;/div>
320324
&lt;div id="circle2" style="position: polar; polar-angle: 90deg; polar-distance: 20%">&lt;/div>
321325
&lt;div id="circle3" style="position: polar; polar-angle: 225deg; polar-distance: 100%">&lt;/div>
@@ -329,7 +333,7 @@ This example shows a way to align elements within the polar coordinates system.
329333
</div>
330334

331335
<p class="issue">
332-
By default, the 'polar-distance' property specifies the distance from the origin (or the center) of the containing element to that of the contained element. The 'polar-angle' property specifies the angle from the X-axis to the center of the contained element.
336+
By default, the 'polar-distance' property specifies the distance from the origin (or the center) of the containing element to that of the contained element. It needs to specify how can the origin of the containing element set.
333337
</p>
334338
<p class="issue">
335339
What value does the percentage value of the 'polar-distance' property refer to? The width of the containing element, or what? One feasible solution is to use the distance between the origin and the point on the border at the angle given by the 'polar-angle' property from the X-axis.

0 commit comments

Comments
 (0)