Question

I’m using -webkit-border-image to specify my main sprite image in a style. The sprite image is a bunch of button images. What style attributes do I use to index into my main sprite image?

.red {
    -webkit-border-image: url(sprite.png) 0 14 0 14;
}

The red button sprite is at x=0, y=21.

What attributes do I use? If it were a background I’d use background-position. I’m not sure what to use for -webkit-border-image.

Answer 1

You can’t do that with border-image. According to this, CSS3 will define new syntax for image slices and image sprites.