CSS

テキスト

行間(行送り)の指定

行間(行送り)はline-heightプロパティで指定する。

line-heightプロパティで指定する値は、行間(行と行の間)の値ではなく、行の始まりから行の始まり(行送り:フォントサイズ+行間)の値である。

例:行送りを2emに設定する(行送りがフォントサイズの2倍、行間はフォントサイズとほぼ同じになる)。

p {
line-height: 2em;
}

ページの先頭へ↑

行揃えの指定

行揃えはtext-alignプロパティで指定する。

指定できる値は、left(左揃え)、center(中央揃え)、right(右揃え)、justify(両端揃え)の4つ。概ねleftがデフォルトである。

例:p要素の行揃えを、中央揃えにする。

p {
text-align: center;
}

ページの先頭へ↑

インデントの指定

インデント(1行目の字下げ)はtext-indentプロパティで指定する。

例:p要素の1行目の始まりを1文字下げる。

p {
text-indent: 1em;
}

ページの先頭へ↑

文字間隔の指定

文字と文字の間隔はletter-spacingプロパティで指定する。

例:h1要素の文字間隔をフォントサイズの半分空ける。

h1 {
letter-spacing: 0.5em;
}

ページの先頭へ↑