Docs: Use && instead of | in box-shadow syntax example

[kannanwisen]

Description

This PR corrects the syntax comment in a box-shadow example, changing the incorrect | (OR) separator to && (AND) for better accuracy and clarity.

Motivation

The previous comment used /* | | */, which was misleading as it implied only one of the components could be used. Using && correctly signifies that these components are used together to form the shadow value. This change aligns the example with formal CSS value syntax and reduces potential confusion for developers reading the documentation.

Additional details

Related issues and pull requests

Fixes #39659

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/box-shadow

Flaws (5)

URL: /en-US/docs/Web/CSS/box-shadow
Title: box-shadow
Flaw count: 5

• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/box-shadow-color
  • Can't resolve /en-US/docs/Web/CSS/box-shadow-offset
  • Can't resolve /en-US/docs/Web/CSS/box-shadow-blur
  • Can't resolve /en-US/docs/Web/CSS/box-shadow-spread
  • Can't resolve /en-US/docs/Web/CSS/box-shadow-position

[dipikabh]

Hi @kannanwisen, thanks a lot for opening the PRs. (quick note: a single PR would have worked just fine instead of splitting the updates across 4 PRs :) )

Perhaps, my feedback in the issue you raised was not clear.

With a comment like the following already in place:
/* Three length values and a color */

we don't additionally need this line:
/* <length> | <length> | <length> | <color> */

So the comment containing | should be removed and it should not be replaced with /* <length> && <length> && <length> && <color> */.

[kannanwisen]

Hi @dipikabh, thank you for the note about the pull requests. My apologies for creating multiple PRs;

For you feedback, I replied in #40301.