How do I rotate the text

Source: Internet
Author: User
IE5.5 's new feature: Rotate the text, and you'll see. Usage is as follows:

Get the way you write:
Object.style.writingMode
Set the way you write:
Object.style.writingMode = Sflowdir
Where Sflowdir is one of LR-TB or TB-RL.




Set Value Effect
Lr-tb Default object orientation, from left to right, top to bottom order
Tb-rl Objects are arranged from top to bottom, and from right to left. Chinese text direction upward, the English text rotates clockwise 90 degrees.



examples are as follows: [ Click the mouse ]





August 14, the Russian Ministry of Defense announced a shocking news: a military exercise in the Russian navy "Oscar" level million strategic nuclear submarine "Kursk" sank in the Barents Sea due to mechanical failure, the ship more than 100 officers and soldiers were trapped.

Russian defense officials finally formally requested the UK and Norway to help rescue the stranded sailors on the submarine, after a number of failed submarine rescue operations in the Russian Navy were unsuccessful as a result of the sea storm and poor visibility. Britain sent an aircraft carrying a small rescue submarine to Norway as soon as 17th and joined the Norwegian rescue team in the Barents Sea to join the rescue operation.

Beijing time August 21 18 o'clock News: Norwegian divers have entered the submarine to conduct a preliminary search, the submarine is full of seawater. Rescue workers concluded that the crew had been killed.






The
code is as follows:


<div id=test style= "position:relative" >8 month 14th, the Russian Ministry of Defense ... The crew have all been killed. </div>


<script language=javascript>


Document.onclick = rotate; function rotate () {


if (Test.style.writingMode = = "Lr-tb") {


Test.style.writingMode = "TB-RL";


}


else {


Test.style.writingMode = "LR-TB";


}


}


</SCRIPT>





Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.