Skip to content

Commit b27601c

Browse files
committed
[css-backgrounds-3] Rewrite corner clipping paragraph to hopefully be less confusing. w3c#5680
1 parent 8ca0c84 commit b27601c

File tree

1 file changed

+11
-8
lines changed

1 file changed

+11
-8
lines changed

css-backgrounds-3/Overview.bs

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1966,14 +1966,17 @@ in calculating the corner radii of the margin box shape.
19661966

19671967
<h3 id="corner-clipping">Corner Clipping</h3>
19681968

1969-
<p>A box's backgrounds, but not its <a href="#the-border-image">border-image</a>,
1970-
are clipped to the appropriate curve (as determined by 'background-clip').
1971-
Other effects that clip to the border or padding edge (such as 'overflow'
1972-
other than ''visible'') also must clip to the curve. The content of
1973-
replaced elements is always trimmed to the content edge curve.
1974-
1975-
<p>Also, the area outside the curve of the border edge does not
1976-
accept pointer events on behalf of the element.
1969+
<p>Although <a href="#the-border-image">border images</a> are not affected
1970+
by 'border-radius',
1971+
other effects that clip painting or event handling
1972+
to the border, padding, or content edge
1973+
must clip to their respective curves.
1974+
For example,
1975+
backgrounds clip to the curve specified by 'background-clip',
1976+
'overflow' values other than ''visible'' to the curved padding edge,
1977+
[=replaced element=] content to the curved content edge,
1978+
pointer events to the curved border edge,
1979+
etc.
19771980

19781981
<p class="note">As 'border-radius' reduces the interactive area of an element
19791982
authors should make sure the remaining interactive area conforms

0 commit comments

Comments
 (0)