Re: [csswg-drafts] [css-backgrounds-4] Using logical keywords in background-position shorthand with multiple backgrounds (#12132)

I guess I don't quite understand why the hypothetical `background-position` that only takes on position value instead of a list of values would face a problem.

Taking the example above and trying both values separately, this is what I assume the results would be:

```
<div id="test3" style="background-position: left bottom;">...</div>
```

```
assert(document.getElementById("test3").style.backgroundPositionX == "left");
assert(document.getElementById("test3").style.backgroundPositionY == "bottom, ");
assert(document.getElementById("test3").style.backgroundPositionBlock == "");
assert(document.getElementById("test3").style.backgroundPositionInline == "");
```

and

```
<div id="test4" style="background-position: block-start inline-end;">...</div>
```

```
assert(document.getElementById("test4").style.backgroundPositionX == "");
assert(document.getElementById("test4").style.backgroundPositionY == "");
assert(document.getElementById("test4").style.backgroundPositionBlock == "block-start");
assert(document.getElementById("test4").style.backgroundPositionInline == "inline-end");
```

With the shorthand parser just picking one pair or the other to use. 

Where would this break down?

-- 
GitHub Notification of comment by weinig
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12132#issuecomment-2840356602 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 29 April 2025 22:12:38 UTC