Skip to content

Commit 078cdce

Browse files
author
Jihye Hong
committed
[css-round-display] Add auto value to polar-origin
1 parent 0717bda commit 078cdce

6 files changed

Lines changed: 34 additions & 28 deletions

File tree

css-round-display/Overview.bs

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -477,7 +477,12 @@ By 'polar-distance' property, a position of an element is specified based on the
477477
<p>
478478
The 'polar-origin' property sets a point of origin for polar coordinate system.
479479
<br><br>
480-
Not only elements are positioned within the containing block according to the origin but also properties such as display, margin, and padding are affected by the origin. In conventional coordinate system, the origin of coordinate system implicitly set to upper left corner of the containing block. But in polar coordinates, it is general to specify the point of origin as the center point of the containing block. Also, there would be a situation that the other point in the containing block area need to be the origin.
480+
Not only elements are positioned within the containing block according to the origin but also properties such as display, margin, and padding are affected by the origin. In conventional coordinate system, the origin of coordinate system set to the upper left corner of the containing block by default.
481+
But in polar coordinates, it is general to specify the point of origin as the center point of the containing block. Also, there would be a situation that the other point in the containing block area need to be the origin.
482+
483+
Therefore, an element is positioned to the horizontally and vertically center in the area of the containing block when auto value is given to the polar-origin.
484+
If top, right, bottom, or left is used for positioning the element, auto value makes the same result of ‘top left’. In that case, the element can be positioned in the normal layout.
485+
481486
</p>
482487
<pre class='propdef'>
483488
Name: polar-origin

0 commit comments

Comments
 (0)