Note from 19 January 2021

Is there some sort of shape-outside: self; in CSS, to use an image as it's own shape? 🤔

I couldn't find it in any docs, but it would be really useful to not declare the same URL twice.

3 reactions

Nicolas Hoizey
I guess an idea could be to use CSS3 `attr()` with the `url` type:
https://drafts.csswg.org/css-values-4/#valdef-attr-urlBut it's not supported anywhere… 😥
https://caniuse.com/css3-attr
CSS Values and Units Module Level 4
- 19 January 2021, 18:57
- Source
Nicolas Hoizey
BTW, in CSS Values and Units Module Level 4:
https://drafts.csswg.org/css-values-4/#valdef-attr-url:> Note: If `url()` was syntactically capable of containing functions, `attr(foo url)` would be identical to `url(attr(foo string))`.
CSS Values and Units Module Level 4
- 19 January 2021, 18:58
- Source

Nicolas Hoizey
@css @chriscoyier this article date is May 2, 2019:
css-tricks.com/css-attr-funct…

But I see there are comments from 2017… so I guess there is something wrong with the publishing date… 😅

I was looking for ideas for
https://t.co/Hwcbl3VXUl
- 19 January 2021, 19:10
- Source