<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1>言語</h1><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="23" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[23]</anchor-end> <cite xml:lang="en">VML - the Vector Markup Language</cite>, <time>2017-10-02T10:21:49.000Z</time>, <time>2020-10-25T12:26:45.079Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://www.w3.org/TR/1998/NOTE-VML-19980513#_Toc416858397">https://www.w3.org/TR/1998/NOTE-VML-19980513#_Toc416858397</anchor-external></li></ul></refs><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="24" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[24]</anchor-end> これが初出か?
4つの値 (<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;11</anchor-internal>) があるも説明なし。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="25" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[25]</anchor-end> 例示には</p><pre class="code">    <dfn>v-text-flow</dfn>:      horizontal;
    <dfn>v-text-direction</dfn>: rtl</pre><p>... とありましたが、説明はありませんでした。こちらが当初案だったのかもしれません。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="26" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[26]</anchor-end> 更に
<dfn><code>v-rotate-letters</code></dfn>:
「Rotates letters 90 degrees.」、
<dfn><code>v-text-reverse</code></dfn>:
「Reverses the layout order of rows. Used for vertical text layout.」
なる<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>もありました。
(<code>mso-rotate</code> との関係は不明。)</p><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> <cite xml:lang="en-US">International Layout in CSS</cite>, <time>2017-10-02T10:22:15.000Z</time>, <time>2020-10-25T11:47:47.149Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://www.w3.org/TR/1999/WD-i18n-format-19990127/#a2">https://www.w3.org/TR/1999/WD-i18n-format-19990127/#a2</anchor-external></li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <cite xml:lang="en-US">International Layout in CSS</cite>, <time>2017-10-02T10:22:15.000Z</time>, <time>2020-10-25T11:46:34.674Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://www.w3.org/TR/1999/WD-i18n-format-19990322/#a2">https://www.w3.org/TR/1999/WD-i18n-format-19990322/#a2</anchor-external></li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <cite xml:lang="en">International Layout</cite>, <time>2017-10-02T11:00:33.000Z</time>, <time>2020-10-25T11:47:17.379Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://www.w3.org/TR/1999/WD-i18n-format-19990726/#a2">https://www.w3.org/TR/1999/WD-i18n-format-19990726/#a2</anchor-external></li></ul></refs><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> <code>layout-flow</code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>で<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">書字方向</anchor>を指定できました。</p><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> <dfn><code>horizontal</code></dfn> は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">横書き</anchor>。左右は
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Unicode bi-directional algorithm</anchor> + <code>bdo</code> + <code>dir=&quot;&quot;</code>。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文字</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">正立</anchor>。</li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end> <dfn><code>vertical-ideographic</code></dfn> は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">縦書き</anchor>、右から左。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">全角文字</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">正立</anchor>、水平方向中央揃え。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">半角文字</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">時計回りに90°回転</anchor>。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">右横書き</anchor>は下から上になる。</li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end> <dfn><code>vertical</code></dfn> は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">縦書き</anchor>、左から右。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文字</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">正立</anchor>、水平方向中央揃え。</li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[15]</anchor-end> <dfn><code>horizontal-ideographic</code></dfn> は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">横書き</anchor>。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">全角文字</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反時計回りに90°回転</anchor>。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">半角文字</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">正立</anchor>。
(つまり横書き文に寝かせた縦書き文を挿入。)</li></ul><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="20" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[20]</anchor-end> 
<code>horizontal-ideographic</code>
はそれ自体はあまり使われることがないが、
ちょうど普通の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">縦書き</anchor>を回転させた形になっていて、
印刷すれば<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">縦書き</anchor>文書にできるので便宜上よく実装されている、
とされていました。
そのため削除されたのか最終版の
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;4</anchor-internal> には含まれていませんでした。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="22" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[22]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">@フォント</anchor>による<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">縦書き</anchor>と同じ実装法です。</comment-p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[16]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">縦中横</anchor>はそのための<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>に <code><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">layout-flow</anchor>: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">horizontal</anchor></code>
を指定させていました。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="17" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[17]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">蒙古文字</anchor>は <code><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">layout-flow</anchor>: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">vertical</anchor></code>、
その中の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ラテン文字</anchor>は <code><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">layout-flow</anchor>: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">vertical-ideographic</anchor></code>
を指定させていました。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="18" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[18]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">漢字</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">右横書き</anchor>は <code>bdo</code> や <code>unicode-bidi</code> によるとされました。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="21" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[21]</anchor-end> 「。」の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">位置が縦横で変わっている<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">縦書きグリフ</title></anchor>例が示されていましたが、
本文では説明されていませんでした。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="19" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[19]</anchor-end> 他の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>の上下左右は読み替えるとされていました。</p><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> <cite xml:lang="en">International Layout</cite>, <time>2017-10-02T11:00:34.000Z</time>, <time>2020-10-25T11:48:20.266Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://www.w3.org/TR/1999/WD-i18n-format-19990910/#a2">https://www.w3.org/TR/1999/WD-i18n-format-19990910/#a2</anchor-external></li></ul></refs><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> <time>この年の4月<attrvalue xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">1999-04</attrvalue></time>に 
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> 
と統合された
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XSL-FO</anchor>
の 
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WD</anchor>
が出版されていました。
<code>layout-flow</code>
は削除されてそちらを参照する形に改められていました。
<sw-see xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"> <code xmlns="http://www.w3.org/1999/xhtml">writing-mode</code> </sw-see></p></section><section><h1>実装</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> 
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">IE</anchor>
が基本的には実装していました。
<code>writing-mode</code>
に対応したあとも、
対応を続けました。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> 
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Microsoft OfficeもHTML入出力<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">Microsoft OfficeのHTML</title></anchor>で対応していたようです。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Office の CSS<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">mso-*</title></anchor> には
<dfn><code><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">mso-layout-flow-alt</anchor>: <dfn>bottom-to-top</dfn></code></dfn>
なるものもありました。</p><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="27" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[27]</anchor-end> <cite xml:lang="ja-jp">VML Layout-Flow Attribute - Win32 apps | Microsoft Docs</cite>, <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">stevewhims</anchor>, <time>2020-10-25T12:37:21.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://docs.microsoft.com/ja-jp/windows/win32/vml/msdn-online-vml-layout-flow-attribute">https://docs.microsoft.com/ja-jp/windows/win32/vml/msdn-online-vml-layout-flow-attribute</anchor-external></li><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="28" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[28]</anchor-end> <cite xml:lang="ja-jp">VML MSO-Layout-Flow-Alt Attribute - Win32 apps | Microsoft Docs</cite>, <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">stevewhims</anchor>, <time>2020-10-25T12:37:51.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://docs.microsoft.com/ja-jp/windows/win32/vml/msdn-online-vml-mso-layout-flow-alt-attribute">https://docs.microsoft.com/ja-jp/windows/win32/vml/msdn-online-vml-mso-layout-flow-alt-attribute</anchor-external></li></ul></refs></section><section><h1>実利用例</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="29" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[29]</anchor-end> 
<cite xml:lang="ja">モンゴル文字のフォント(ᠮᠣᠩᠭᠣᠯ ᠪᠢᠴᠢᠩ)が出来ていた!! | 妄想印象派 自作のイラストや漫画、アニメ、音楽など</cite>, <time>2025-06-14T10:59:00.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://ameblo.jp/ssatoloux-1987/entry-11227240259.html">https://ameblo.jp/ssatoloux-1987/entry-11227240259.html</anchor-external></p></section><section><h1>例</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end>
<samp class="CSS">layout-flow:horizontal;</samp> [PP10]
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> [sage])</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end>
<samp class="CSS">layout-flow:vertical;</samp> [PP10]</p></section><section><h1>メモ</h1></section></body></html>