You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-shapes-1/Overview.bs
+10-3Lines changed: 10 additions & 3 deletions
Original file line number
Diff line number
Diff line change
@@ -590,14 +590,21 @@ Computed Values of Basic Shapes</h3>
590
590
<ul>
591
591
<li>
592
592
Omitted values are included and compute to their defaults.
593
-
</li>
593
+
594
594
<li>
595
595
A <<position>> value in ''circle()'' or ''ellipse()'' is computed as a pair of offsets (horizontal then vertical) from the top left origin, each given as a <<length-percentage>>.
596
-
</li>
596
+
597
597
<li>
598
598
A <<'border-radius'>> value in a <<basic-shape-rect>> function
599
599
is computed as an expanded list of all eight <<length-percentage>> values.
600
-
</li>
600
+
601
+
<li>
602
+
All <<basic-shape-rect>> functions compute to the equivalent ''inset()'' function.
603
+
604
+
Note: Given ''rect(t r b l)'',
605
+
the equivalent function is ''inset(t calc(100% - r) calc(100% - b) l)''.
606
+
Given ''xywh(x y w h)'',
607
+
the equivalent function is ''inset(y calc(x + w) calc(y + h) x)''.
0 commit comments