> the article seems to imply that without the circle() function, border-radius does not affect flow at all, whereas you can make it do so by using the box model values (which is preferable when possible, as it eliminates duplication).
The article should imply that without the *shape properties*, border-radius has no effect on the flow at all. I guess I should have added that the box model values can be used as values without needing to specify a shape function, but this would only be true if the border-radius property is used because it creates a circular shape without having to redefine it using a shape function. But, again, that would only be true in case border-radius is used as in my example here.
> I don’t understand why you wouldn’t use both, like so:
shape-outside: circle(50%, 50%, 50%);
shape-outside: circle(50% at 50% 50%);
I edited my comment shortly after I posted it so you may have missed it. The “old” word wasn’t outputted (my bad). The code on my website *does* use the old and new syntax the way you mentioned! Old first, new second. (I think I just forgot to add the prefixes for Webkit Nightly, but regarding old and new, both are there.)