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

Re: [css3-gcpm] Controlling alignment of leaders

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Thu, 31 Mar 2011 16:17:17 -0700
Message-ID: <AANLkTikLQN0NA8EfgepzLwsHS2sHvRYAgRA1F5hivAwy@mail.gmail.com>
To: Brad Kemper <brad.kemper@gmail.com>
Cc: Bert Bos <bert@w3.org>, W3C style mailing list mailing list <www-style@w3.org>
On Mon, Mar 28, 2011 at 12:14 PM, Brad Kemper <brad.kemper@gmail.com> wrote:
> 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.

Or do it in SVG and use SVG params to pass in the color you want, once
that spec gets finished and implemented.

~TJ
Received on Thursday, 31 March 2011 23:18:09 GMT

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