縦書きHTML/CSSに関するメモ

作成:
更新:

この実装が提案されて10年以上が経ちました。遅々として進んでないようにも思われますが、少しずつ前進しているようです。関心が高いようなのでまとめ直してみました。

writing-modeのごく簡単な変遷

IE8beta2からCSS2.1の要請に基づいて、接頭辞-ms-をつけることとなった。W3C標準としてのwriting-modeの仕様が当初荒削りであり、後述する組版に関する議論から、大幅な仕様変更が行われてきた。以下時系列にソースをずらずらと。

International Layout( Working Draft)に記載される(EditorはMicrosoftの人)
http://www.w3.org/TR/1999/WD-i18n-format-19990910/
、IE 5.5日本語版リリース。writing-modeが実装される。
http://www.microsoft.com/japan/presspass/detail.aspx?newsid=877
CSS3 module: textに名称変更。W3C Working Draft 17 May 2001
http://www.w3.org/TR/2001/WD-css3-text-20010517/
CSS3 Text Module W3C Candidate Recommendation 14 May 2003/RCにまで進展する。
http://www.w3.org/TR/2003/CR-css3-text-20030514/
CSS3 Text Effects Module W3C Working Draft 27 June 2005/WDに差し戻し。
http://www.w3.org/TR/2005/WD-css3-text-20050627/

Sections relating to text layout (vertical text, grids, 'text-combine') will be moved to a separate Text Layout module. These features may change greatly from the last revision, but they have not been dropped. The vertical text feature, for example, will likely be based on the methods described in Unicode Technical Note #22.

縦書きにレイアウトに関するものは、エフェクトとは切り離して議論する方針となるという感じ。
CSS Text Layout Module Level 3 Editor's Draft 8 October 2008
http://dev.w3.org/csswg/css3-text-layout/
Internet Explorer 8 Beta 2 Now Available(
http://blogs.msdn.com/ie/archive/2008/08/27/internet-explorer-8-beta-2-now-available.aspx
Microsoft CSS Vendor Extensions(
http://blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx

ほか、参考リンク。

web標準への組版議論の断片

日本語組版はグリッドベースで行うと言って良いのか?(8)PDF 千夜一夜
これによれば、時点でW3Cの人が日本語(東アジア圏)の組版をまるで理解していないんじゃないか、という節があって、結構前途多難だなという気もする。

日本語スタイルシート技術の検討のご紹介PDF 千夜一夜) これによると、印刷業界の人が集まって、日本語組版周りについてまとめてW3Cに提案してたりする模様。

W3Cの日本語レイアウトに関するタスク・フォース活動PDF 千夜一夜

W3Cには、I18n, XSL, SVG, CSSのワーキング・グループ合同による日本語レイアウトに関するタスクフォースがあり、このワーキング・グループの目標は、日本語文書に関するレイアウト要求を文書化し、それぞれの仕様に反映することだそうです。

タスク・フォースは、主に日本で日本語により会議を行っていますが、最終的には、英語でW3Cノートを作成することです。

現在、第一部の英語化が完成していますが、2007年11月のW3C技術総会までに資料を完成し、発表されることになっています。

で、できたものが日本語組版処理の要件(日本語版) W3C 技術ノート 2009年6月4日と改訂版の日本語組版処理の要件(日本語版) W3C 技術ノート 2012年4月3日。組版に関するかなりのものになっているんじゃないかという印象。縦書きCSSに確実にフィードバックされていくと推測され、ruby(プログラム言語ではない)の実装にも影響を及ぼすものと思われる。

縦書きの表示例

現時点で可能な方法で、縦書きを表示する例を挙げてみる。ただし、実用度は低い。

般若心経をHTMLで
http://momdo.s35.xrea.com/web-html-test/vertical-text/hannya.html
般若心経をSVGで
http://momdo.s35.xrea.com/web-html-test/vertical-text/svg-test.html

ブラウザーの実装状況については-writing-mode;縦書きの指定 - CSS3ウェブブラウザ実装メモ - 血統の森 web実験小屋に多少まとめてあります。

過去ログへのリンク

svgで縦書きHTMLっぽいもの
http://d.hatena.ne.jp/momdo/20080702/p1
縦書きHTMLに関するメモ
http://d.hatena.ne.jp/momdo/20071118/p1
般若心経をXHTML/CSSで
http://d.hatena.ne.jp/momdo/20060318/p1
CSS3から縦書きのプロパティが消えてる模様
http://d.hatena.ne.jp/momdo/20060318/p2