在網站設計中，為了擁有更美觀、更現代化的頁面效果，CSS3 的各種功能越來越被廣泛應用。除了傳統的排版、樣式方案和動畫效果外，CSS3 還有許多小眾但是有趣的特性。其中一個就是單詞豎排。

單詞豎排用于在網頁中豎直排列文本。在某些語言環境下，例如日語或中文，這種排版方式非常常見。CSS3 可以通過 writing-mode 和 text-orientation 這兩個屬性來實現單詞豎排。

/*使用 writing-mode 實現單詞豎排*/
.vertical-text {
writing-mode: vertical-rl;
}
/*使用 text-orientation 實現單詞豎排*/
.vertical-text {
text-orientation: upright;
writing-mode: tb-rl;
}

無論使用哪種屬性，都可以輕松地將文本豎直排列。style 屬性樣式是 vertical-rl，代表從右到左垂直寫入；text-orientation 在本例中設置為 upright，表示正常文本方向；writing-mode 的值是 tb-rl，意為從上到下、從右到左。

單詞豎排是在文本方向與排版上，一種特殊而有趣的樣式。雖然并不如常規方式頻繁使用，但隨著對于跨國網站的需求不斷增加，使用 CSS3 實現單詞豎排有助于讓網站更具視覺吸引力。