Skip to content

Commit 3467955

Browse files
author
jihyerish
committed
Merge pull request #64 from Adenilson/miscFixes03
Adding a description about what is a 'pole'.
2 parents f0648c3 + 74a438b commit 3467955

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

css-round-display/Overview.bs

Lines changed: 2 additions & 2 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
<p class="note">Note: If the value of 'border-boundary' is parent or display, border lines of the element are actually just a visual effect. It triggers a layout for rendering in a general way, but in the above cases (border-boundary: parent|display), the layout doesn't occur and it only draws the border lines inward from the containing block's borders. With this situation, the borders might hide contents around the display edge.
274274
</p>
275275

276-
<h2 id="positioning-content">Positioning content by using the polar coordinate system</h2>
276+
<h2 id="positioning-content">Content positioning using polar coordinate system</h2>
277277

278278
<p>
279279
Polar coordinate system is a two-dimensional coordinate system that describes the position of a point in a plane with a distance from a reference point and an angle from a reference direction. Elements could be placed along a circle or concentric circles, and the polar coordinate system is useful to handle such cases.
@@ -283,7 +283,7 @@ This section introduces polar positioning to support layout of elements in the p
283283
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.
284284
</p>
285285
<p class="note">
286-
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. Therefore, when the 'polar-angle' value of an element is 0, the element is positioned on the y-axis. If the angle value of an element increases in the positive direction from 0, the element moves clockwise. The method to determine a direction using 'polar-angle' works the same way in [[CSS-VALUES]], <<angle>> value.
286+
Note: In polar coordinate system, a pole is the reference point and points are described as been a certain distance from it, as also a certain angle from the polar axis. In 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. Therefore, when the 'polar-angle' value of an element is 0, the element is positioned on the y-axis. If the angle value of an element increases in the positive direction from 0, the element moves clockwise. The method to determine a direction using 'polar-angle' works the same way in [[CSS-VALUES]], <<angle>> value.
287287
</p>
288288
<h3 id="position-property">The 'position' property</h3>
289289
When the 'position' property on an element is set to '<code>polar</code>', the element could be affected in polar coordinate system.

0 commit comments

Comments
 (0)