• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 10. Text Properties > glyph-orientation-horizontal and glyph-orientatio...

10.10. glyph-orientation-horizontal and glyph-orientation-vertical Properties

The glyph-orientation-horizontal and glyph-orientation-vertical properties proposed under CSS3 are designed to solve a common problem when formatting mixed Western and non-Western scripts together, because the orientation of one is usually “wrong” in relation to the other. If, for example, Japanese text is arranged in vertical columns, any English words that appear are usually rotated 90 degrees, which is the default way of displaying Western-language text in this format. These two properties are intended to allow you to set the rotation value for a particular type of script, correcting this type of problem.

Both glyph-orientation-horizontal and glyph-orientation-vertical take the same values: auto (the default) or an angle of rotation value. The four standard rotation values are 0deg, 90deg, 180deg and 270deg, and these are the values any conforming browser must support. The auto value is equal to the 0deg value, which sets the glyph or character to its default rotation position inline to the text. The corresponding degree values rotate the character or glyph in respect to this initial state. It is important to realize that 0deg does not necessarily mean “up” — for example, English text in a vertical column with Japanese text is normally placed on its “side,” which would seem to correspond to a value of 90deg, but because it is the default, is in fact equal to 0deg.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint