CSS 文字間隔

テキストインデント

text-indent 属性はテキストの最初の行のインデントを指定するために使用されます：

インスタンス

p {
  text-indent: 50px;
}

自分で試してみる

文字間隔

letter-spacing 属性はテキスト内の文字間隔を指定するために使用されます。

以下の例では、文字間隔を増加または減少する方法を示します：

インスタンス

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

自分で試してみる

行高

line-height 属性は行間の間隔を指定します：

インスタンス

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

自分で試してみる

字間

word-spacing 属性はテキスト内の単語間の間隔を指定します。

次の例では、単語間の間隔を増加または減少させる方法を示します：

インスタンス

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

自分で試してみる

空白

white-space 属性は要素内部の空白の処理方法を指定します。

この例では、要素内のテキストの折り返しを無効にする方法を示します：

インスタンス

p {
  white-space: nowrap;
}

自分で試してみる