コーススケジュール

CSS テキストの間隔

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

p {
   text-indent: 50px;
}

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

次の例は、文字間のスペースを増減する方法を示しています。

h1 {
   letter-spacing: 3px;
}

h2 {
   letter-spacing: -3px;
}

line-height 属性は、行間の間隔を指定するために使用されます。

p.小 {
   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;
}