Skip to content

Commit 8dfa581

Browse files
committed
[css-shapes-1] Define that all the rectangle functions compute to inset().
1 parent 0c1bee9 commit 8dfa581

File tree

1 file changed

+10
-3
lines changed

1 file changed

+10
-3
lines changed

css-shapes-1/Overview.bs

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -590,14 +590,21 @@ Computed Values of Basic Shapes</h3>
590590
<ul>
591591
<li>
592592
Omitted values are included and compute to their defaults.
593-
</li>
593+
594594
<li>
595595
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+
597597
<li>
598598
A <<'border-radius'>> value in a <<basic-shape-rect>> function
599599
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)''.
601608
</ul>
602609

603610
<h3 id='basic-shape-serialization'>

0 commit comments

Comments
 (0)