Adding a rule to fix border-image

[karlcow]

See bug https://bugzilla.mozilla.org/show_bug.cgi?id=995140 for context.

.foo {
    -webkit-border-image: url() 4 2 5 4;
}

convert to

.foo {
    -webkit-border-image: url() 4 2 5 4;
        border-image: url() fill 4 2 5 4;
        border-style: solid;
}

[karlcow]

Currently the service css fix me does:

.foo{
    -webkit-border-image: url() 4 2 5 4;
    border-image: url() 4 2 5 4;
    border-style: solid;
}

[karlcow]

I wonder if we would be breaking something else by doing that.

[miketaylr]

I've opened whatwg/compat#17 to explore how to spec this.

[hallvors]

@karlcow see https://github.com/webcompat/css-fixme/blob/master/js/css-fixme.js#L283 where there is some extra border-image processing. It needs to add "fill" keyword?

[karlcow]

yes.