★ 地圖西北方峽谷森林 ↓↓↓

顯示峽谷森林位置圖

眼看森林出口就在前方，
卻想不出任何辦法！！

微動漣漪～～波紋閃閃～ ✧:･ﾟ*

驚？！

✧*:･ﾟ✧*:･ﾟ✧✧*:･ﾟ✧

森林沼澤 [書寫龜]：
親。你掉的是金斧頭還是銀斧頭呢？？

這什麼鬼拉？！

★★★ 關卡條件 ↓↓↓

書寫模式 (writing mode, text-orientation, direction, unicode-bidi)

writing mode

定義文本水平或垂直佈局方式，包含在塊框元素中，文本的行進方向。

• horizontal-tb：內容從左至右水平排序，從上至下垂直佈局方式，次行位於上一行下方。(初始值)
• vertical-rl：內容從上至下垂直排序，從右至左水平佈局方式，次行位於上一行的左側。
• vertical-lr：內容從上至下垂直排序，從左至右水平佈局方式，次行位於上一行的右側。

我我我？？
只是想到對岸去！！什麼也沒掉。

森林沼澤 [書寫龜]：
很好！！好孩子。
就讓我這「龜界博爾特」載你一程吧！！

✧*｡٩(ˊωˋ*)و✧*｡
：這樣也成？？？

text-orientation

屬性設置行內文本的走向。只影響垂直模式下的文本 (搭配 writing-mode 屬性使用)。

中文或日文等東亞語言通常擁有水平 (橫) 垂直 (直) 書寫模式，文本中多數混合使用英文和數字。預設情況下，每個 Unicode 字符都具有基於各自書寫語系特徵，頁面包含多種語言的字符，仍將正確顯示其方向。

• mixed：文本基於各自書寫語系的特徵，顯示其方向。(初始值)
• upright：將水平語系腳本的字符 (英文) 逆時針旋轉 90 度，垂直語系腳本的字符 (中文) 參照其原始方向。
• sideways：將水平佈局方式，整份文本順時針旋轉 90 度。

direction

請注意，文本方向通常在文檔中直接定義，而不是直接使用 direction 屬性。可設定 rtl 從右至左書寫模式 (如希伯來語或阿拉伯語等)，以及 ltr 從左至右書寫模式 (如英語和大多數其他語言等)。

<p dir="rtl">
  This paragraph is in English but incorrectly goes right to left.
</p>

• ltr：文本和其他元素從左至右排序。(初始值)
• rtl：文本和其他元素從右至左排序。

如特殊情況不能更動 HTML 文檔順序，可利用 direction 屬性單獨改變區域的前後順序：

<div dir="rtl">
  <img src="../sampleImage1.jpg" alt="文檔從左改為右書寫模式，排序變為右首位">
  <img src="../sampleImage2.jpg" alt="文檔從左改為右書寫模式，造成視覺左首位">
</div>

unicode-bidi

屬性由 HTML 文檔類型定義（Document Type Definition, DTD）設計人員使用。unicode-bidi 和 direction 屬性，決定如何處理文檔中的雙書寫方向文本 (bidirectional text)。[詳解更多]

unicode-bidi 與 direction 兩個唯一屬性，不受 all 速寫屬性影響。

：沒想到這麼快速就能到達。

｡:.ﾟヽ(*´∀`)ﾉﾟ.:｡

行走自如。真是棒棒！！

[ 追加經驗值 ]
註：參考來源 Hacking CSS writing mode
關於 MDN 由 Mozilla Contributors 製作，以 CC-BY-SA 2.5 釋出。