Skip to content

Commit 0f1d31b

Browse files
committed
[css-overflow-3] Give corner clipping its own subsection
1 parent 3f48b54 commit 0f1d31b

1 file changed

Lines changed: 18 additions & 15 deletions

File tree

css-overflow-3/Overview.bs

Lines changed: 18 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -538,21 +538,6 @@ Managing Overflow: the 'overflow-x', 'overflow-y', and 'overflow' properties</h3
538538
compute to ''overflow/auto''/''hidden'' (respectively)
539539
if one of 'overflow-x' or 'overflow-y' is neither ''visible'' nor ''overflow/clip''.
540540

541-
As mentioned in [[css-backgrounds-3#corner-clipping]],
542-
the clipping region established by 'overflow' can be rounded:
543-
544-
* When 'overflow-x' and 'overflow-y' compute to
545-
''overflow/hidden'', ''overflow/scroll'', or ''overflow/auto'',
546-
the clipping region is rounded
547-
based on the border radius,
548-
adjusted to the [=padding edge=],
549-
as described in [[css-backgrounds-3#corner-shaping]].
550-
* When both 'overflow-x' and 'overflow-y' compute to ''overflow/clip'',
551-
the clipping region is rounded as described in [[#overflow-clip-margin]].
552-
* However, when one of 'overflow-x' or 'overflow-y' computes to ''overflow/clip''
553-
and the other computes to ''overflow/visible'',
554-
the clipping region is not rounded.
555-
556541
If the computed value of 'overflow' on a <a>block box</a>
557542
is neither ''overflow/visible'' nor ''overflow/clip'' nor a combination thereof,
558543
it [=establishes an independent formatting context=] for its contents.
@@ -577,6 +562,24 @@ Interaction of 'visibility' and 'overflow'</h4>
577562
with a descendent of the ''visibility: hidden'' [=scroll container=]
578563
that is itself set to ''visibility: visible''.
579564

565+
<h4 id="corner-clipping">
566+
Interaction of 'border-radius' and 'overflow'</h4>
567+
568+
As mentioned in [[css-backgrounds-3#corner-clipping]],
569+
the clipping region established by 'overflow' can be rounded:
570+
571+
* When 'overflow-x' and 'overflow-y' compute to
572+
''overflow/hidden'', ''overflow/scroll'', or ''overflow/auto'',
573+
the clipping region is rounded
574+
based on the border radius,
575+
adjusted to the [=padding edge=],
576+
as described in [[css-backgrounds-3#corner-shaping]].
577+
* When both 'overflow-x' and 'overflow-y' compute to ''overflow/clip'',
578+
the clipping region is rounded as described in [[#overflow-clip-margin]].
579+
* However, when one of 'overflow-x' or 'overflow-y' computes to ''overflow/clip''
580+
and the other computes to ''overflow/visible'',
581+
the clipping region is not rounded.
582+
580583
<h4 id="static-media">
581584
Overflow in Print and Other Static Media</h4>
582585

0 commit comments

Comments
 (0)