chestertb
01-25-2009, 04:50 PM
I'm trying to draw English text rotated 90deg anti-clockwide.
I know that in IE, this does the job...
.vert {
writing-mode: tb-rl;
filter: flipv fliph;
}
This, of course, is not W3C compliant, so it doesn't work in FF.
W3C makes reference to a number of elements that combine to do the job, but I can't find any examples for English Language text, though this is specifically referred to in the W3C white paper (http://www.unicode.org/notes/tn22/RobustVerticalLayout.pdf)that sets it all out, as well as the W3C reference page (http://www.w3.org/TR/2003/CR-css3-text-20030514/#direction), but I struggle to find spefic and relevant references.
(My person view is that while I understand the need for W3C to create something multi-lingual, their vertical text solution appears to be overly complicated.)
I tried this...
.vertical {
block-progression: lr;
direction: ltr-btt;
}
...but it doesn't work.
I found other references to "unicode-bidi", which apparently switches this capability on and off, but none that specifically related that to English.
Can anyone steer me in the right direction, or does anyone have a specific example they could share?
Thanks
CTB
I know that in IE, this does the job...
.vert {
writing-mode: tb-rl;
filter: flipv fliph;
}
This, of course, is not W3C compliant, so it doesn't work in FF.
W3C makes reference to a number of elements that combine to do the job, but I can't find any examples for English Language text, though this is specifically referred to in the W3C white paper (http://www.unicode.org/notes/tn22/RobustVerticalLayout.pdf)that sets it all out, as well as the W3C reference page (http://www.w3.org/TR/2003/CR-css3-text-20030514/#direction), but I struggle to find spefic and relevant references.
(My person view is that while I understand the need for W3C to create something multi-lingual, their vertical text solution appears to be overly complicated.)
I tried this...
.vertical {
block-progression: lr;
direction: ltr-btt;
}
...but it doesn't work.
I found other references to "unicode-bidi", which apparently switches this capability on and off, but none that specifically related that to English.
Can anyone steer me in the right direction, or does anyone have a specific example they could share?
Thanks
CTB