[csswg-drafts] [css-multicol] image support for column rules (#5080)

MatsPalmgren has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-multicol] image support for column rules ==
From the discussion in #2748 it seems that image support for column rules is a requested feature.
I propose to add three new properties to support that:

- `column-rule-image-source: none | <image>`
- `column-rule-image-slice: [<number [0,∞]> | <percentage [0,∞]>]{1,2}` for slicing the image into three regions.  The initial value, `0`, makes the whole image fill the rule area as specified by `column-rule-image-repeat`. A non-zero value defines an area at the start/end of the rule area that isn't stretched (as demonstrated in the testcase below).
- `column-rule-image-repeat: stretch | repeat | round | space`

Here's a [testcase](https://bugzilla.mozilla.org/attachment.cgi?id=9149938) demonstrating these properties. And here's a [video](https://bugzilla.mozilla.org/attachment.cgi?id=9149939) of how it would render.

I think we can start with these properties for now and consider `column-rule-image-width/outset` at a later stage.  They seem less important and I'd prefer to look at the `column-rule-extent` / `column-rule-inset` in  #2748 first, in case those might affect the decision/design.

(If we decide to add `row-rule-*` properties in  #2748 then these two properties should also be added in that axis of course.)

Fwiw, the above three properties should be fairly easy to implement in UAs that already support the corresponding `border-image-*` properties since you can leverage existing rendering code for those.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5080 using your GitHub account

Received on Monday, 18 May 2020 19:59:23 UTC