語(yǔ)法：

CSS Code復(fù)制內(nèi)容到剪貼板

writing-mode : lr-tb | tb-rl  

CSS Code復(fù)制內(nèi)容到剪貼板

/* 關(guān)鍵字值 */  
writing-mode: horizontal-tb;    /* 默認(rèn)值 */  
writing-mode: vertical-rl;   
writing-mode: vertical-lr;  

CSS Code復(fù)制內(nèi)容到剪貼板

/* 全局值-關(guān)鍵字inherit IE8+，initial和unset IE13才支持 */  
writing-mode: inherit;   
writing-mode: initial;   
writing-mode: unset;  

lr-tb :　 默認(rèn)值。對(duì)象中的內(nèi)容在水平方向上從左向右流入，后一行在前一行的下面。 所有的字形都是豎直向上的。這種布局是羅馬語(yǔ)系使用的
tb-rl :　 上-下，右-左。對(duì)象中的內(nèi)容在垂直方向上從上向下流入，自右向左。后一豎行在前一豎行的左面。全角字符是豎直向上的，半角字符如拉丁字母或片假名順時(shí)針旋轉(zhuǎn)90度。這種布局是東亞語(yǔ)系通常使用的

說(shuō)明：
設(shè)置或檢索對(duì)象的內(nèi)容塊固有的書(shū)寫(xiě)方向。西方語(yǔ)言確省的是左-右，上-下的書(shū)寫(xiě)方式。但是亞洲語(yǔ)言常有上-下，右-左的書(shū)寫(xiě)方式。
當(dāng)此屬性值發(fā)生變化時(shí)， text-align屬性與vertical-align 屬性的作用也將發(fā)生變化。
對(duì)于下列元素來(lái)說(shuō)，樣式表屬性不可繼承：
BUTTON CAPTION INPUT INPUT type=button INPUT type=file INPUT type=password INPUT type=reset INPUT type=submit INPUT type=text ISINDEX OPTION TEXTAREA

此屬性效果不會(huì)被累積作用。例如，假如父對(duì)象的此屬性值設(shè)為 tb-rl ，子對(duì)象的此屬性值設(shè)為 tb-rl 不會(huì)導(dǎo)致子對(duì)象的旋轉(zhuǎn)。
假如對(duì)象的 writing-mode 屬性設(shè)置和它的父對(duì)象不一樣則其將獲得自己的布局。那樣一個(gè)對(duì)象的寬度是通過(guò)使用它第一個(gè)有布局的父對(duì)象的高度而確定的。
當(dāng)你使用具有不同 writing-mode 屬性值的對(duì)象時(shí)，給每一個(gè)對(duì)象指定確定的尺寸能夠讓你更好的整體控制它們的布局。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的。對(duì)于其他對(duì)象而言是可讀寫(xiě)的。
對(duì)應(yīng)的腳本特性為 writingMode 。

文字的豎排版示例：

CSS Code復(fù)制內(nèi)容到剪貼板

.verticle-mode {   
    writing-mode: tb-rl;   
    -webkit-writing-mode: vertical-rl;         
    writing-mode: vertical-rl;   
}   
/* IE7比較弱，需要做點(diǎn)額外的動(dòng)作 */  
.verticle-mode {   
    *width: 120px;   
}   
.verticle-mode h4,