Post

It seems you had the confusion I see a lot. Keyword values are not "string" but "custom-ident" so you can use the value auto (as well as other keyword) like below: [mx] { margin-inline: attr(mx type(<custom-ident>)); } codepen.io/t_afif/pen/p...

You can also keep the universal type and it will match any value: [mx] { margin-inline: attr(mx type(*)); }

Ohh, I'm so happy now! Thanks a lot for the heads up. I'm updating the article 🫡

Thanks for this detailed article! Is it possible to make it more dynamic, by wrapping attr() function inside? Example in screenshot. But it doesn't work for `--bg-color`, so I wonder if I am missing something.