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

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

Transcript

1. 日本語組版に関連する CSS 規格の策定状況 ブラウザ／ビューアでの実装状況 JAGAT XML パブリッシング準研究会
2. line-break（禁則処理） W3C 仕様 https://drafts.csswg.org/css-text-3/#line-break-property Chrome での表示例
3. line-break（禁則処理） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-text/line-break
4. text-orientation（縦書き時の文字の正立／横転指定） W3C 仕様 https://www.w3.org/TR/css-writing-modes-3/#text-orientation Safari での表示例
5. text-orientation（縦書き時の文字の正立／横転指定） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-writing-modes
6. @page（柱、ノンブルなどの指定） W3C 仕様 https://www.w3.org/TR/css-page-3/ vivliostyle での表示例
7. vivliostyle のデモページ https://vivliostyle.github.io/vivliostyle.js/viewer/vivliostyle-viewer. html#x=https://jagat-xml-publishing-study-group.github.io/cosmology/ @page（柱、ノンブルなどの指定）
8. float: page（ページに対する画像の回り込み） W3C 仕様 https://drafts.csswg.org/css-page-floats/#float-property vivliostyle での表示例
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. SVG（ベクターグラフィックス） W3C 仕様 https://www.w3.org/TR/SVG2/ Apple Books での表示例（SVG を使ったキャプションのテキスト挿入）
11. SVG（ベクターグラフィックス） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/svg
12. ruby-align（ルビの肩付き／中付き指定） W3C 仕様 https://drafts.csswg.org/css-ruby-1/#ruby-align-property Firefox での表示例
13. ruby-position（ルビをどちらの側に付けるかの指定） W3C 仕様 https://drafts.csswg.org/css-ruby-1/#rubypos Firefox での表示例
14. ruby-align ／ ruby-position web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-ruby/parsing
15. ruby-merge（熟語ルビ） W3C 仕様 https://drafts.csswg.org/css-ruby-1/#propdef-ruby-merge Firefox での表示例 ソースコード例
16. ruby-merge（熟語ルビ） W3C の公式テスト結果ページ（各ブラウザの対応状況） https://w3c.github.io/i18n-tests/results/css-ruby#ruby_merge
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. font-feature-settings（異体字の表現 / 文字ツメ） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-fonts
19. MathML（数式） W3C 仕様 https://www.w3.org/Math/ Firefox での表示例（MDN/MathML 耐久テスト）
20. MathML（数式） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/mathml
21. text-spacing（約物などの前後のツメ） W3C 仕様 https://www.w3.org/TR/css-text-4/#text-spacing-property iOS 版 honto での表示例 iOS 版 Kinoppy での表示例 iOS 版 Kindle での表示例 （ツメていない） ※『アーカイブ立国宣言』 （ポット出版）より
22. text-spacing（約物などの前後のツメ） ビューアによって約物のツメの規定値が異なるため、括弧類の絡むぶら下げ インデントで位置がずれる現象が起きる
23. hanging-punctuation（ぶら下げ組み） W3C 仕様 https://www.w3.org/TR/css-text-3/#hanging-punctuation-property Kindle Paperwhite での表示例 ※『アーカイブ立国宣言』 （ポット出版）より
24. hanging-punctuation（ぶら下げ組み） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-text/hanging-punctuation
25. word-break（文字列の分割禁止／分割許容） W3C 仕様 https://drafts.csswg.org/css-text-3/#word-break-property Safari での表示例（分割禁止） Safari での表示例 （分割許容）
26. word-break（文字列の分割禁止／分割許容） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-text/word-break
27. text-combine-upright（縦中横指定） W3C 仕様 https://www.w3.org/TR/css-writing-modes-3/#propdef-text-combine-upright Safari での表示例 Firefox での表示例
28. text-combine-upright（縦中横指定） web-platform-tests の公式テスト結果ページ（各ブラウザの対応状況） https://wpt.fyi/results/css/css-writing-modes