In order to access this site you need to enable JavaScript!

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>