XMLパブリッシング交流会2019パネルディスカッション資料

Transcript

1. 1.

   日本語組版に関連する CSS 規格の策定状況 ブラウザ／ビューアでの実装状況 JAGAT XML パブリッシング準研究会

2. 2.

   line-break（禁則処理） W3C 仕様 https://drafts.csswg.org/css-text-3/#line-break-property Chrome での表示例

3. 3.

   line-break（禁則処理） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-text/line-break

4. 4.

   text-orientation（縦書き時の文字の正立／横転指定） W3C 仕様 https://www.w3.org/TR/css-writing-modes-3/#text-orientation Safari での表示例

5. 5.

   text-orientation（縦書き時の文字の正立／横転指定） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-writing-modes

6. 6.

   @page（柱、ノンブルなどの指定） W3C 仕様 https://www.w3.org/TR/css-page-3/ vivliostyle での表示例

7. 7.

   vivliostyle のデモページ https://vivliostyle.github.io/vivliostyle.js/viewer/vivliostyle-viewer. html#x=https://jagat-xml-publishing-study-group.github.io/cosmology/ @page（柱、ノンブルなどの指定）

8. 8.

   float: page（ページに対する画像の回り込み） W3C 仕様 https://drafts.csswg.org/css-page-floats/#float-property vivliostyle での表示例

9. 9.

   float: page（ページに対する画像の回り込み） vivliostyle のデモページ https://vivliostyle.github.io/vivliostyle.js/viewer/vivliostyle-viewer. html#x=https://jagat-xml-publishing-study-group.github.io/ cosmology/&style=https://jagat-xml-publishing-study-group.github.io/ cosmology/css/page-float.css

10. 10.

    SVG（ベクターグラフィックス） W3C 仕様 https://www.w3.org/TR/SVG2/ Apple Books での表示例（SVG を使ったキャプションのテキスト挿入）

11. 11.

    SVG（ベクターグラフィックス） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/svg

12. 12.

    ruby-align（ルビの肩付き／中付き指定） W3C 仕様 https://drafts.csswg.org/css-ruby-1/#ruby-align-property Firefox での表示例

13. 13.

    ruby-position（ルビをどちらの側に付けるかの指定） W3C 仕様 https://drafts.csswg.org/css-ruby-1/#rubypos Firefox での表示例

14. 14.

    ruby-align ／ ruby-position web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-ruby/parsing

15. 15.

    ruby-merge（熟語ルビ） W3C 仕様 https://drafts.csswg.org/css-ruby-1/#propdef-ruby-merge Firefox での表示例 ソースコード例

16. 16.

    ruby-merge（熟語ルビ） W3C の公式テスト結果ページ（各ブラウザの対応状況） https://w3c.github.io/i18n-tests/results/css-ruby#ruby_merge

17. 17.

    font-feature-settings（異体字の表現 / 文字ツメ） W3C 仕様 https://www.w3.org/TR/css-fonts-3/#propdef-font-feature-settings Safari での文字詰め表示例 Safari での異体字表示例

    ※なお font-variant-east-asian という異体字表示専門のプロパテ ィもある。仕様のページは以下。 https://www.w3.org/TR/css- fonts-3/#propdef-font-variant
18. 18.

    font-feature-settings（異体字の表現 / 文字ツメ） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-fonts

19. 19.

    MathML（数式） W3C 仕様 https://www.w3.org/Math/ Firefox での表示例（MDN/MathML 耐久テスト）

20. 20.

    MathML（数式） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/mathml

21. 21.

    text-spacing（約物などの前後のツメ） W3C 仕様 https://www.w3.org/TR/css-text-4/#text-spacing-property iOS 版 honto での表示例 iOS 版

    Kinoppy での表示例 iOS 版 Kindle での表示例 （ツメていない） ※『アーカイブ立国宣言』 （ポット出版）より
22. 22.

    text-spacing（約物などの前後のツメ） ビューアによって約物のツメの規定値が異なるため、括弧類の絡むぶら下げ インデントで位置がずれる現象が起きる

23. 23.

    hanging-punctuation（ぶら下げ組み） W3C 仕様 https://www.w3.org/TR/css-text-3/#hanging-punctuation-property Kindle Paperwhite での表示例 ※『アーカイブ立国宣言』 （ポット出版）より

24. 24.

    hanging-punctuation（ぶら下げ組み） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-text/hanging-punctuation

25. 25.

    word-break（文字列の分割禁止／分割許容） W3C 仕様 https://drafts.csswg.org/css-text-3/#word-break-property Safari での表示例（分割禁止） Safari での表示例 （分割許容）

26. 26.

    word-break（文字列の分割禁止／分割許容） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-text/word-break

27. 27.

    text-combine-upright（縦中横指定） W3C 仕様 https://www.w3.org/TR/css-writing-modes-3/#propdef-text-combine-upright Safari での表示例 Firefox での表示例

28. 28.

    text-combine-upright（縦中横指定） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-writing-modes