faqts : Computers : Programming : Languages : JavaScript : DHTML

+ Search
 Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

98 of 108 people (91%) answered Yes
Recently 6 of 10 people (60%) answered Yes

Entry

How can I write text vertically?

Feb 13th, 2001 07:27
Martin Honnen, 


IE5.5 has introduced a new CSS property
  writing-mode
with a default value of
  lr-tb
which stands for left-right top-bottom which is the normal mode for 
Western language. The other possible value is
  tb-rl
which stands for top-bottom right-left. In this mode Western/Latin 
glyphs are turned to the right by 90 degrees so you write downwards.
Using the 
  fliph
and
  flipv
filters you can also write upwards as the following example shows:
<HTML>
<HEAD>
</HEAD>
<BODY>
<DIV STYLE="writing-mode: tb-rl;">
Kibology for all.
All for Kibology.
</DIV>
<DIV STYLE="writing-mode: tb-rl; filter: flipv() fliph();">
Kibology for all.
All for Kibology.
</DIV>
</BODY>
</HTML>