Upgrade to Pro — share decks privately, control downloads, hide ads and more …

日本語組版に関連するCSS規格の策定状況について

JunTajima
February 07, 2020

 日本語組版に関連するCSS規格の策定状況について

Page2020オープンイベント XMLパブリッシング交流会発表資料

JunTajima

February 07, 2020
Tweet

More Decks by JunTajima

Other Decks in Programming

Transcript

  1. W3C の規格が策定に至るまでの道のり Editor’s Draft 作業草案 Working Draft/WD 勧告候補 Candidate Recommendation/CR 勧告案  Proposed Recommendation/PR

    勧告   Recommendation/Rec 各段階での個々の議論の結果が Editor's Draft に記述され、ある程度まとまった段階で WD、CR など の文書となって随時公開される。最終的に Rec として承認されるまでは何度でも手戻りはあり得る。
  2. CSS の策定状況 CSS 2.1 ↓ (CSS3) ↓ 各機能要素ごとのモジュールに分化した CSS 2.1

    に入っていた要素はレベル「3」スタート(例:CSS Text Level3) 新たに追加された要素はレベル「1」スタート(例:CSS Ruby Layout Level1) 個々のプロパティ単位で次レベル送りになったりもする (例:text-spacing は当初 CSS Text Level3 で議論されていたが Level4 扱いに)
  3. 日本語組版への関連性が深い CSS モジュール CSS Writing Modes CSS Fragmentation CSS Line

    Grid CSS Rhythmic Sizing CSS Logical Properties and Values CSS Ruby Layout CSS Text CSS Text Decoration
  4. CSS Line Grid Module Level 1 / CSS Rhythmic Sizing

    https://drafts.csswg.org/css-line-grid/ 規格策定段階: 作業草案(Working Draft)  2014/9/16(Line Grid) 作業草案(Working Draft)  2017/3/2(Rhythmic Sizing) 関連する主な日本語組版要素: 行取り/行グリッド https://drafts.csswg.org/css-rhythm/
  5. CSS Logical Properties and Values Level 1 https://www.w3.org/TR/css-logical-1/ 規格策定段階: 作業草案(Working

    Draft)  2018/8/27 関連する主な日本語組版要素: インデント値、行間値指定などあらゆる数値指定要素 (書字方向にかかわらず論理方向指定ができる)
  6. CSS Text Module Level 4 https://www.w3.org/TR/css-text-4/ 規格策定段階: 作業草案(Working Draft)  2019/11/13

    関連する主な日本語組版要素: 約物の前後のツメ処理、和欧間自動アキ
  7. 各プロパティの実装状況 CSS Writing Modes  縦書き(writing-mode:vertical-rl) ……………………………◦   (単純な)縦中横(text-combine-upright:all) … ……………◦

     正立/横転指定(text-orientation) ……………………………△ ※ Safari がまだ怪しい CSS Fragmentation ※ページネート関連プロパティのテストの仕組み自体がこれから CSS Line Grid ※テスト見当たらず CSS Rhythmic Sizing… ……………………………………× CSS Logical Properties and Values… ……………◦ ※単純な指定なら大丈夫そう CSS Ruby Layout  肩付き/中付きルビ指定(ruby-align) …………………………× ※ Firefox 以外ほぼダメ  左側ルビ(ruby-position) … ……………………………………× ※ Firefox 以外怪しい CSS Text  ぶら下げ組み(hanging-punctuation) ………………………△ ※まだ若干挙動が怪しい  約物前後のツメ処理、和欧間自動アキ(text-spacing) … ……× ※テスト自体がまだ作成中 CSS Text Decoration  圏点(text-emphasis-style) ……………………………………◦ ※単純な指定なら大丈夫そう ※ web-platform-tests でのテスト結果を参照/ 2020 年 1 月 21 日現在