CSS3

プロパティ

letter-spacing

  編集:2022.07.14 by T.A.

mdn

文字間のアキ。

名前 letter-spacing
normal | <length>
初期値 normal
適用対象 行内ボックス/テキスト
継承 される
百分率 受容しない
算出値 絶対長さ
正準的順序 n/a
アニメーション型 算出値の型による

このプロパティは、タイポ グラフィック文字単位⇔間に対する追加のアキ組 ― 字°⇔間のアキ組(letter-spacing)†を指定する(“tracking”ともよく呼ばれる)。それは、双向性による並び替え [CSS-WRITING-MODES-4] の後に適用され、[カーニング [CSS-FONTS-3]/word-spacing]によるアキ組もあるときは、それに対する追加になる。有効な両端揃え規則に依存して、ユーザー エージェントは、テキストを両端揃えにするために、タイポ グラフィック文字単位⇔間のアキを更に増減してもよい。

【† 単語⇔間のアキの概念がない日本語の組版用語では、“字詰め”と称されることが多い。】

normal
追加のアキ組は適用されず、0 に算出される。
<length>
タイポ グラフィック文字単位⇔間に対する追加のアキ組を指定する。負な値もとり得るが、実装に依存する制限があり得る。
<SPAN style="
 letter-spacing:0;
">あいう えお かき</SPAN><BR>
<SPAN style="
 letter-spacing:5px;
">あいう えお かき</SPAN>
あいう えお かき
あいう えお かき

旧来の理由(課題 #1484)から、letter-spacing の算出値 0 に対する解決値(getComputedStyle() が返す値)は、normal になるとする。

letter-spacing の目的においては、各[不可分な行内(画像や行内ブロックなど)の連続する連なり]は、単独のタイポ グラフィック文字単位として扱われる。

字°⇔間のアキ組は、行の先頭には適用しないものとする ― 行の末尾に適用するかどうかは、このレベルの仕様では未定義である。

¶以下省く


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: