W3C home > Mailing lists > Public > www-style@w3.org > November 2010

Re: directional images

From: Aharon (Vladimir) Lanin <aharon@google.com>
Date: Sun, 31 Oct 2010 21:27:01 -0400
Message-ID: <AANLkTinPw1qTBmxsCU2Bmpt61GnkzSbE1-o0Ut4NYVeN@mail.gmail.com>
To: W3C style mailing list <www-style@w3.org>, "public-i18n-bidi@w3.org" <public-i18n-bidi@w3.org>

On Sun, Oct 31, 2010 at 8:37 PM, Aharon (Vladimir) Lanin

> The following is a proposal for a small addition to CSS3 Images in order to
> make it easier to build web apps that support both LTR and RTL interfaces.
> For use cases and discussion, see
> http://www.w3.org/International/docs/html-bidi-requirements/#image-flip.
> Expand the syntax of each of the possible ways that an <image> can be
> specified in CSS3 Images <http://dev.w3.org/csswg/css3-images/>, e.g.
> <url>, <image-list>, and <gradient>, by allowing a new keyword: rtlflip.
> Examples would be:
>    - background-image: linear-gradient(45deg, white, black) rtlflip
>    - list-style-image: url('sprite.png#xywh=10,30,60,20') rtlflip
> The presence of the rtlflip keyword means that the image must be
> horizontally flipped when the element's CSS direction (or, in the case of
> list-style-image, the list item marker's direction, as defined by the
> list-style-direction CSS property) is rtl.
> Alternatively, instead of rtlflip, the syntax could be to allow one of two
> new keywords: ltr or rtl. The presence of one of these would declare the
> image's direction and specify that the image should be horizontally flipped
> when this direction does not match the element's CSS direction (or, in the
> case of list-style-image, the list item marker's direction). Being
> declarative as opposed to instructive, this alternative is more elegant than
> rtlflip, but requires two new keywords instead of one. It is up to the CSS
> WG to choose the better syntax.
> Aharon Lanin
Received on Monday, 1 November 2010 01:27:53 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:40 UTC