direction defined text arrangement, all browsers are compatible with this property, there are two possible values rtl and ltr. Text layout parameters as described in Table 1.
Table 1 CSS3 text layout Parameter Description
As shown in the above table, LTR is the initial value, showing left-to-right, from left to right is the meaning detailed description inline content is sequentially arranged from left to right. We usually deal with pages like this, say both before and after pictures, by default, DOM is displayed in the front of the left.
rtl is another value, right-to-left acronym meaning is from right to left, then the detailed description is inline content is sequentially arranged from right to left, the application of the CSS was added declaration, the front and rear two pictures, by default, DOM is displayed on the right side of the front, and is at the right end of the container.
We can typeset text as paragraph by dirction. The default text paragraph of this example is from left to right layout, when the mouse is moved to change the layout of the element changes from right to left layout direction, when the mouse is removed to restore left to right layout. Code as follows:
Use the browser directly open this file, you can see the results of the browser page document to explain this, the default paragraph text layout from left to right, as shown in Fig.
Figure 1 text from left to right typesetting
When a mouse moved to paragraph elements, paragraph text layout changes from right to left, as shown in FIG. 2.
2 typeset text from right to left in FIG.