This change requires more than simple rotation, and you will need to use a font that supports the alternative glyphs.
In some cases, rotation may also involve a transformation of a character – for example (vertical) vs. For example, ordinary number digits in vertical text lie on their side by default, whereas fullwidth digits and enclosed alphanumerics, such as ①, are upright by default. The Unicode Standard assigns a property to each character and browsers can use this to determine the default orientation of a given character. In vertical text, certain characters are normally upright and others are normally rotated sideways. (To make Arabic script text run up the page, you'd use sideways-rl.) Changing the glyph orientation for embedded text Default character orientation On the other hand, if your content is in English and you want some title text to run from bottom to top vertically, say on a book spine or in table header, you would use writing-mode:sideways-lr, not one of the vertical- values. The vertical- values of writing-mode are really intended for use in setting a normal vertical context for CJK or Mongolian text. Latin script text typically runs down the page, with the letters rotated clockwise, while the Han characters remain upright. In Japanese, Chinese and Korean, lines start at the right side of the figure box and progress to the left. Where it is supported, most of what you need should be achievable by applying the writing-mode property to the content that you want to be set vertically. For more information, see Browser support.
It also compares the theory and practice about what is possible.Įach section explains how you would mark up up your content according to the CSS spec (which is usually simple and straightforward), but then looks at what you currently have to do to achieve the same result in browsers that don't implement the standard property and value names. This article draws out the basic information that content authors need to create the more common features of vertical text. The CSS specification contains a lot of implementation-specific information. This article explains how to use CSS to produce vertical text for languages such as Chinese, Japanese, Korean, and Mongolian.
0 kommentar(er)
