W3C home > Mailing lists > Public > www-style@w3.org > March 2011

Re: [css3-gcpm] Controlling alignment of leaders

From: Brad Kemper <brad.kemper@gmail.com>
Date: Mon, 28 Mar 2011 12:14:55 -0700
Message-Id: <B8FD341E-9DDC-40C7-826C-B194C6062BB8@gmail.com>
Cc: W3C style mailing list mailing list <www-style@w3.org>
To: Bert Bos <bert@w3.org>
On Mar 28, 2011, at 10:58 AM, Bert Bos <bert@w3.org> wrote:

> Thinking a bit more about that: I might also want a double-headed arrow.
> 
> The following works, using the attached arrow image:
> 
>    span::after {
>        content: leader(" ");
>        border-image: url(arrow1.png) 0 58 / 0 0.5em;
>    }
> 
> ... but it is not so convenient if I want to change the color.

That can be worked around. Supposing your background is normally solid white, you can use an image that is solid white with a transparent hole cut in it (the hole would be the shape of what was black in your attached image). Then set a background-color in the CSS to show through that hole. 
Received on Monday, 28 March 2011 19:15:36 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:38 GMT