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;
}