CSS writing-mode

A new properties in css allow to support language that go from up to down like Chinese. We can also use it for other language if we want make the text go from up to down.

We have 2 mode for the vertical text vertical-lr  and that mean that the text go from top to bottom and once reach to the bottom go from the left to the right and vertical-rl that also go from top to bottom, but once reach the bottom go from the right to left.
So the structure is following:

<style>
.verticallrClass{
    writing-mode: vertical-lr;
}
.verticalrlClass{
    writing-mode: vertical-rl;
}
</style>

code example

and the you will see the text go from up to down (in case your browser support it).

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s