CSS基礎 練習問題 32:CSSの文字間隔指定プロパティ
CSSでテキストの単語間や文字間の間隔を調整するために、文字と文字の間の余白を広げたい場合、正しいプロパティはどれか。
- .text { letter-spacing: 2px; }
- .text { text-spacing: 2px; }
- .text { char-gap: 2px; }
- .text { font-spacing: 2px; }
- .text { word-break: 2px; }
正解と解説を見る
正解:.text { letter-spacing: 2px; }
文字と文字の間隔を調整するには「letter-spacing」プロパティを使用する。値には長さの単位(pxやemなど)を指定できる。
【正解の理由】
「letter-spacing」は文字間の余白を指定する正式なCSSプロパティであり、正の値を指定すると文字間隔が広がる。
【不正解の理由】
• 「text-spacing」:CSSにこのようなプロパティは存在しない
• 「char-gap」:CSSにこのようなプロパティは存在しない
• 「font-spacing」:CSSにこのようなプロパティは存在しない
• 「word-break」:これは単語の折り返し(改行)の挙動を制御するプロパティであり、文字間隔の指定には使えない