Setting the inline-progression-direction
The 'writing-mode' property specifies whether the initial
inline-progression-direction for a 'text' element shall
be left-to-right, right-to-left, or top-to-bottom. The 'writing-mode'
property applies only to 'text' elements; the property is
ignored for 'tspan', 'tref', 'altGlyph' and 'textPath' sub-elements.
| 'writing-mode'
property |
Value: |
lr-tb | rl-tb | tb-rl | lr | rl |
tb | inherit
|
Initial: |
lr-tb |
Applies to: |
<text> elements |
Inherited: |
yes |
Percentages: |
N/A |
Media: |
visual |
Animatable: |
no |
Values
have the following meanings: |
| lr-tb | lr
|
Sets the initial inline-progression-direction
to left-to-right, as is common in most Latin-based
documents. For most characters, the current text position
is advanced from left to right after each glyph is
rendered. |
rl-tb | rl
|
Sets the initial inline-progression-direction to
right-to-left, as is common in Arabic or Hebrew scripts.
|
tb-rl | tb |
Sets the initial inline-progression-direction to
top-to-bottom, as is common in some Asian scripts,
such as Chinese and Japanese. Though hardly as frequent
as horizontal, this type of vertical layout also occurs
in Latin based documents, particularly in table column
or row labels. |
|