You are here: Reference > CSS > properties > writing-mode

writing-mode property

Browser support:
Specifies the intrinsic writing direction of the element's content.
In Western languages, the common text order is left-to-right, top-to-bottom, but some Asian writings need to render text top-to-bottom, right-to-left. With this property, you can switch between these modes.
JavaScript page for this property: writingMode. You can find other example(s) there.

Possible values:

 One of the following values: 
bt-rl
Content flows from bottom to top, and right to left.
lr-tb
Default. Content flows from left to right, and top to bottom.
rl-tb
Default. Content flows from right to left, and top to bottom.
tb-rl
Content flows from top to bottom, and right to left.
Default: lr-tb.

Example HTML code 1:

This example illustrates the use of the writing-mode property:
<head>
    <style>
        .example {
            writing-mode: tb-rl;
        }
    </style>
</head>
<body>
    <a class="example">
        writing mode
    </a>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content