- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Thu, 31 Mar 2011 16:17:17 -0700
- 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 UTC