You are here: Reference > JavaScript > client-side > style handling > properties > writingMode

writingMode style property

Browser support:
Specifies or returns 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.


You can find the related objects in the Supported by objects section below.
This property is read/write.
CSS page for this property: writing-mode

Possible values:

The type of this property is string.
 One of the following values: 
Content flows from bottom to top, and right to left.
Default. Content flows from left to right, and top to bottom.
Default. Content flows from right to left, and top to bottom.
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:
        .example {
            writing-mode: tb-rl;
    <a class="example">
        writing mode
Did you find this example helpful? yes no

Example HTML code 2:

This example illustrates the use of the writingMode property in JavaScript:
    <script type="text/javascript">
        function ChangeWritingMode (value) {
            var anchor = document.getElementById ("myAnchor");

            if ('writingMode' in {
       = value;
            } else {
                alert ("Your browser doesn't support this example!");
    <a id="myAnchor">
        writing mode

    <br />
    <button onclick="ChangeWritingMode ('lr-tb');">lr-tb</button>
    <button onclick="ChangeWritingMode ('tb-rl');">tb-rl</button>
Did you find this example helpful? yes no

Supported by objects:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content