Post

✍️ New Article: First Look at The Modern attr() I explored the new attr() capabilities and shared my thoughts about it. Happy reading! ishadeed.com/article/mode...

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(*)); }

Or you can choose to allow `auto` explicitly (if that’s the only keyword you want to support): ``` margin-inline: attr(mx type(<length> | auto)); ``` Demo: codepen.io/bramus/pen/e...