InDesign文字組アキ量設定をCSS text-spacing-trimで

mojikumi-css-text-spacing.md

InDesign文字組アキ量設定に対応するCSSのプロパティ指定

InDesignの文字組みアキ量設定

文字組み設定の手引き (PDF) の「3　定義済み文字組み設定の特徴」から：

• ①行末約物半角
• ②行末受け約物半角・段落１字下げ（起こし全角）
• ③行末受け約物半角・段落１字下げ（起こし食い込み）＊
• ④約物全角・段落１字下げ＊
• ⑤約物全角・段落１字下げ（起こし全角）
• ⑥行末約物全角／半角・段落１字下げ＊
• ⑦行末受け約物全角／半角・段落１字下げ（起こし全角）
• ⑧行末受け約物全角／半角・段落１字下げ（起こし食い込み）＊
• ⑨行末約物半角・段落１字下げ＊
• ⑩約物全角
• ⑪行末受け約物全角／半角
• ⑫行末句点全角・段落１字下げ
• ⑬行末句点全角・段落１字下げ（起こし全角）
• ⑭行末句点全角

①〜⑭の番号は、「文字組み設定の手引き」での節番号 3.1〜3.14 に対応する。 「＊」印は「文字組み設定の手引き」で「特に広く用いられていると考えられるセット」とされているもの。

なんでやねんDTP: 「文字組みアキ量設定」の一覧 による整理

行末受け約物全角／半角	行末（受け）約物半角	（行頭括弧類・行末受け）約物全角	行末句点全角（その他行末受け約物半角）
⑪行末受け約物全角／半角	①行末約物半角	⑩約物全角	⑭行末句点全角
⑥行末約物全角／半角・段落１字下げ＊	⑨行末約物半角・段落１字下げ＊	④約物全角・段落１字下げ＊	⑫行末句点全角・段落１字下げ
⑦行末受け約物全角／半角・段落１字下げ（起こし全角）	②行末受け約物半角・段落１字下げ（起こし全角）	⑤約物全角・段落１字下げ（起こし全角）	⑬行末句点全角・段落１字下げ（起こし全角）
⑧行末受け約物全角／半角・段落１字下げ（起こし食い込み）＊	③行末受け約物半角・段落１字下げ（起こし食い込み）＊

CSSでの対応

次のスタイルがベースにあるとする：

p {
  text-align: justify;
  margin: 0;
}

行末受け約物全角／半角

• ⑪行末受け約物全角／半角

  p {
    text-spacing-trim: trim-start;
  }

• ⑥行末約物全角／半角・段落１字下げ＊

  p {
    text-indent: 1em;
    text-spacing-trim: trim-start;
  }

• ⑦行末受け約物全角／半角・段落１字下げ（起こし全角）

  p {
    text-indent: 1em;
    text-spacing-trim: space-first;
  }

• ⑧行末受け約物全角／半角・段落１字下げ（起こし食い込み）＊

  p {
    text-indent: 1em;
    text-spacing-trim: trim-start;
    hanging-punctuation: first;
  }

行末（受け）約物半角

• ①行末約物半角

  p {
    text-spacing-trim: trim-both;
  }

• ⑨行末受け約物半角・段落１字下げ＊

  p {
    text-indent: 1em;
    text-spacing-trim: trim-both;
  }

• ②行末受け約物半角・段落１字下げ（起こし全角）

  p {
    text-indent: 1em;
    text-spacing-trim: space-first trim-end; /* ❗️現仕様では不可能 */
  }

• ③行末受け約物半角・段落１字下げ（起こし食い込み）＊

  p {
    text-indent: 1em;
    text-spacing-trim: trim-both;
    hanging-punctuation: first;
  }

（行頭括弧類・行末受け）約物全角

• ⑩約物全角

  p {
    text-spacing-trim: space-both; /* ❗️現仕様では不可能 */
  }

• ④約物全角・段落１字下げ＊

  p {
    text-indent: 1em;
    text-spacing-trim: trim-first space-end; /* ❗️現仕様では不可能 */
  }

• ⑤約物全角・段落１字下げ（起こし全角）

  p {
    text-indent: 1em;
    text-spacing-trim: space-both; /* ❗️現仕様では不可能 */
  }

行末句点全角（その他行末受け約物半角）

• ⑭行末句点全角

  p {
    text-spacing-trim: trim-both except-fullstop; /* ❗️現仕様では不可能 */
  }

• ⑫行末句点全角・段落１字下げ

  p {
    text-indent: 1em;
    text-spacing-trim: trim-both except-fullstop; /* ❗️現仕様では不可能 */
  }

• ⑬行末句点全角・段落１字下げ（起こし全角）

  p {
    text-indent: 1em;
    text-spacing-trim: trim-end except-fullstop; /* ❗️現仕様では不可能 */
  }