CSS基礎 練習問題 20:CSSの行間指定
要素の文字の位置は変えずに、行の高さ(行間)を1.5倍に設定したい場合、正しいCSSの書き方はどれか。
- line-height: 1.5;
- letter-spacing: 1.5;
- vertical-align: 1.5;
- text-indent: 1.5;
- word-spacing: 1.5;
正解と解説を見る
正解:line-height: 1.5;
行の高さ(行間)を指定するプロパティはline-heightであり、数値のみを指定した場合はフォントサイズに対する倍率として扱われます。
【正解の理由】
line-height: 1.5;と指定すると、要素のフォントサイズの1.5倍の高さが1行分の高さとして設定され、行間が広がります。
【不正解の理由】
• 「letter-spacing: 1.5;」:文字と文字の間隔(字間)を調整するプロパティであり、行間には影響しない
• 「vertical-align: 1.5;」:インライン要素やテーブルセルの垂直方向の位置揃えを指定するプロパティで、数値による行間指定には使わない
• 「text-indent: 1.5;」:段落の最初の行のインデント(字下げ)を指定するプロパティであり、行間とは無関係
• 「word-spacing: 1.5;」:単語と単語の間隔を調整するプロパティであり、行間の設定には使えない