Cascading Style Sheets Tutorial

CSS achieve text Shubai

  <div Style="writing-mode:tb-rl"> text Shubai </ div> 

  Writing-mode attributes 

  In the Microsoft ® Internet Explorer 5.5, by name-writing mode (English), CSS (English) properties (as is the current CSS 3 (English) recommended) on the opening of the vertical layout of the support.  Non-MS link   Below examples of the English and Japanese content to a new level layout and vertical layout comparison.    Please visit examples, and then we will discuss in depth the details. 

  Writing-mode attributes two to explore the value of: 

  1.   Tb-rl 
  2.   Lr-tb 

  Tb-rl said that from top to bottom, right to left, that the application of this style to the content of the element.    Lr-tb said from left to right, from top to bottom, it is all written to the default is English readers familiar with the level of a typical trend.    CSS attribute with any other, through the external CSS document, or through Object Model (style.writingMode (English)), in a designated these values. 

  Please note that although the East Asian languages rise of a vertical layout of the support of this idea, but no language can be used to the vertical text.    In this direction, the direction of individual characters on their own language or manuscripts.    In order to maintain the traditional vertical layout, the text of the characters in East Asia have taken a vertical direction, and all other characters, including Latin characters used in the vertical layout is 90 ° clockwise rotating display. 

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • DotNetKicks
  • DZone

Tags: css manuals, css templates, Text Alignment, Text Decoration, Text Indentation, Text Transformation

Releated Posts

  • Several basic CSS text filter effects
  • Css achieve with the text automatically hide
  • CSS design with high user experience web text size
  • CSS primary entry: text attributes
  • How to use PHP and CSS change the size of text on a Web page

This entry was posted on Tuesday, February 5th, 2008 at 12:00 am and is filed under Css+Div Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

« CSS closed floating elements introduced norms
Common examples of CSS layout »

Leave a Reply

  • Categories

    • CSS Properties (491)
    • CSS Tutorial (1154)
    • CSS Tutorial By Examples (1201)
    • Css+Div Web Design (3274)
    • Xhtml and Web Design (1797)
  • Archives

    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
  • Pages

    • About us

Cascading Style Sheets Tutorial