Skip to content

Commit 4c9075b

Browse files
committed
[css-backgrounds-4] Adjusted <bg-layer> and <final-bg-layer> syntaxes to use <bg-clip>
To take the newly introduced values `border-area` and `text` for `background-clip` into account in the syntax for `background`, the `<visual-box>` value got replaced by `<bg-clip>`. Additionally, the description related to one and two `<visual-box>` values got clarified and generalized.
1 parent efbcf55 commit 4c9075b

File tree

1 file changed

+6
-7
lines changed

1 file changed

+6
-7
lines changed

css-backgrounds-4/Overview.bs

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1734,17 +1734,16 @@ Backgrounds Shorthand: the 'background' property</h3>
17341734
of values where
17351735

17361736
<pre class=prod>
1737-
<dfn>&lt;bg-layer></dfn> = <<bg-image>> || <<bg-position>> [ / <<bg-size>> ]? || <<repeat-style>> || <<attachment>> || <<visual-box>> || <<visual-box>>
1738-
<dfn>&lt;final-bg-layer></dfn> = <<bg-image>> || <<bg-position>> [ / <<bg-size>> ]? || <<repeat-style>> || <<attachment>> || <<visual-box>> || <<visual-box>> || <<'background-color'>></pre>
1737+
<dfn>&lt;bg-layer></dfn> = <<bg-image>> || <<bg-position>> [ / <<bg-size>> ]? || <<repeat-style>> || <<attachment>> || <<bg-clip>> || <<visual-box>>
1738+
<dfn>&lt;final-bg-layer></dfn> = <<bg-image>> || <<bg-position>> [ / <<bg-size>> ]? || <<repeat-style>> || <<attachment>> || <<bg-clip>> || <<visual-box>> || <<'background-color'>></pre>
17391739

17401740
Note: A color is permitted in <<final-bg-layer>>, but not in <<bg-layer>>.
17411741

1742-
If one <<visual-box>> value is present
1742+
If one <<visual-box>> value is present,
17431743
then it sets both 'background-origin' and 'background-clip' to that value.
1744-
However, there is one exception:
1745-
if the value is ''background-clip/border-area'',
1746-
it is set for 'background-clip', while 'background-origin' is set to ''background-origin/border-box''.
1747-
If two values are present,
1744+
However, if a value is set that is only valid in 'background-clip',
1745+
then it sets 'background-clip' to that value and 'background-origin' to ''background-origin/border-box''.
1746+
If two <<visual-box>> values are present,
17481747
then the first sets 'background-origin' and the second 'background-clip'.
17491748

17501749
<div class="example">

0 commit comments

Comments
 (0)