Skip to content

Commit 4a0b8ab

Browse files
committed
[css-backgrounds-3][css-borders-4] Fixed definition for where box shadows apply
1 parent 743af48 commit 4a0b8ab

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
@@ -2500,7 +2501,8 @@ Layering, Layout, and Other Details</h4>
25002501
and the [=inner shadows=] of an element are drawn immediately above the background of that element
25012502
(below the borders and border image, if any).
25022503

2503-
<p>If an element has multiple boxes, all of them get drop shadows,
2504+
<p>Drop shadows are only applied to the [=principal box=].
2505+
If that box has multiple [=fragments=], then all of them get shadows,
25042506
but shadows are only drawn where borders would also be drawn;
25052507
see 'box-decoration-break'.
25062508

@@ -2569,6 +2571,8 @@ Changes since the 14 February 2024 Candidate Recommendation Snapshot</h3>
25692571
<li>Removed the &lt;box> definition
25702572
(replacing it with a <<visual-box>> reference),
25712573
as the Box Module now defines these terms.
2574+
<li>Fixed the definition for where box shadows apply.
2575+
(<a href="https://github.com/w3c/csswg-drafts/issues/9286">Issue 9286</a>)
25722576
</ul>
25732577

25742578

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)