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

Re: directional images

From: Brad Kemper <brad.kemper@gmail.com>
Date: Thu, 24 Feb 2011 07:58:42 -0800
Cc: fantasai <fantasai.lists@inkedblade.net>, "Aharon (Vladimir) Lanin" <aharon@google.com>, W3C style mailing list <www-style@w3.org>
Message-Id: <EE196FBF-2CB8-4B96-B445-096ACD0232DF@gmail.com>
To: "Tab Atkins Jr." <jackalmage@gmail.com>

On Feb 23, 2011, at 1:00 PM, Tab Atkins Jr. wrote:

> <ul dir=rtl>
>  <li>ONE</li>
> </ul>
> <style>
> ul {
>  list-style-image: image( url("right-facing-arrow.jpg"), ltr );
>  transition: list-style-image .2s;
> }
> ul:hover {
>  list-style-image: image( url("highlight-right-arrow.jpg"), ltr );
> }
> </style>

The parentheses embedded in parentheses are kind of hard to read. This seems like a place where we should have a direction pseudo-class, and then just use a different image (or have  image transformation properties for list-style-images, border-images, etc.).

ul:ltr {
 list-style-image: url("right-facing-arrow.jpg");
}
ul:rtl {
 list-style-image: url("left-facing-arrow.jpg"); 
} /* or... */
ul:rtl {
 list-style-image-transform: reflect(0deg); 
}  /* or, transformation is automatic for directions not specified by author */
Received on Thursday, 24 February 2011 15:59:18 GMT

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