writing-mode: tb-rl;
filter: flipv fliph;
But I have encountered the following: the text is displayed with a grey shadow (instead of anti-alias).
It seems that the problem is caused by the "filter:flip" attribute. Does anyone have a work around? (If I write the same text without the "filter" attribute, the grey shadow disappears but my text is written top-to-bottom!)
Here's my stylesheet:
Expand|Select|Wrap|Line Numbers
- .verticaltext{
- font-family: Arial;
- font-size: 13px;
- font-weight:bold;
- color:#FF9100;
- position:absolute; top:1px; height:90px;
- width: 16px;
- writing-mode: tb-rl;
- filter: flipv fliph;
- }
Expand|Select|Wrap|Line Numbers
- <div class="verticaltext">Vertical Text</div>
block-progression: ttb;
direction : rtl;
but they don't seem to work in IE.
Does someone know how to remove the grey shadow or know of another way to implement the bottom-to-top vertical text?