Skip to content

Commit 78c4dbd

Browse files
committed
[css-backgrounds-3][css-borders-4] Fixed definition for where box shadows apply
1 parent 5ae7930 commit 78c4dbd

File tree

2 files changed

+8
-4
lines changed

2 files changed

+8
-4
lines changed

css-backgrounds-3/Overview.bs

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@ spec:css2; type:value; text:inline-table
2828
spec:css2; type:value; text:table-cell
2929
spec:css2; type:property; text:overflow
3030
spec:css2; type:value; text:visible
31+
spec:css-break-4; type:dfn; text:fragment
3132
spec:css-color-4; type:property; text:color
3233
spec:css-color-4; type:value; text:transparent
3334
spec:selectors-3; type:selector; text: ::first-letter
@@ -2512,7 +2513,8 @@ Layering, Layout, and Other Details</h4>
25122513
and the [=inner shadows=] of an element are drawn immediately above the background of that element
25132514
(below the borders and border image, if any).
25142515

2515-
<p>If an element has multiple boxes, all of them get drop shadows,
2516+
<p>Drop shadows are only applied to the [=principal box=].
2517+
If that box has multiple [=fragments=], then all of them get shadows,
25162518
but shadows are only drawn where borders would also be drawn;
25172519
see 'box-decoration-break'.
25182520

@@ -2583,6 +2585,8 @@ Changes since the 14 February 2024 Candidate Recommendation Snapshot</h3>
25832585
<li>Removed the &lt;box> definition
25842586
(replacing it with a <<visual-box>> reference),
25852587
as the Box Module now defines these terms.
2588+
<li>Fixed the definition for where box shadows apply.
2589+
(<a href="https://github.com/w3c/csswg-drafts/issues/9286">Issue 9286</a>)
25862590
</ul>
25872591

25882592

css-borders-4/Overview.bs

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -793,9 +793,9 @@ Layering, Layout, and Other Details</h4>
793793
and the <i>inner shadows</i> of an element are drawn immediately above the background of that element
794794
(below the borders and border image, if any).
795795

796-
<p>If an element has multiple boxes, all of them get drop shadows,
797-
but shadows are only drawn where borders would also be drawn;
798-
see 'box-decoration-break'.
796+
<p>Unless otherwise specified, drop shadows are only applied to the [=principal box=].
797+
If the affected box has multiple fragments,
798+
the shadows are applied as specified in 'box-decoration-break'.
799799

800800
<p>Shadows do not trigger scrolling or increase the size of the scrollable area.
801801

0 commit comments

Comments
 (0)