組版見本：ポスター

縦書き・ルビ・縦中横

組版くみはんとは、文字や図を頁の上に並べることです。縦書きでは、日付の「10月23日」のような二桁の数字を一字分に収め、強めたい語には圏点を打ちます。句読点や括弧の位置も、縦組みの決まりに合わせて置かれます。

writing-mode、ruby、text-combine-upright、text-emphasis

長い文章は、一行が長すぎると読みにくくなります。段に分ければ、行の長さを読みやすい幅に保ったまま、紙面を広く使えます。

段の数と段の間の幅、段の間の罫は、どれも CSS で決めます。見出しや図は、段をまたいで置くこともできます。

頁の終わりで段落の一行だけが離れないように、段の境目も調整されます。段の高さはそろえることも、上から順に詰めることもできます。

新聞や雑誌のような組み方も、同じ指定の組み合わせで作れます。

column-count、column-gap、column-rule、column-span

単位は mm。数字の幅をそろえる tnum

日本語組版

EnglishTypesetting

中文排版

한국어조판

FrançaisComposition

SVG の図はそのまま頁に入り、PDF でも線と文字のまま残る(数字は見本)

柱とノンブル、脚注、目次の頁番号、PDF のしおりも CSS で指定します。

@page、string-set、float: footnote、target-counter

日本語の文の中に Copper PDF や HTML5、CSS Paged Media のような英字が入っても、和文と欧文の間に適当な空きを入れて組みます。数字の 2026 や記号の「100%」も同じです。