CSS基礎 練習問題 16:CSSテキスト装飾
テキストに下線を引きたい場合、正しいCSSの書き方はどれか。
- text-decoration: underline;
- font-style: underline;
- text-align: underline;
- text-transform: underline;
- border-bottom: underline;
正解と解説を見る
正解:text-decoration: underline;
テキストに下線を引くには、text-decorationプロパティにunderlineという値を指定します。
【正解の理由】
text-decorationプロパティは文字装飾(下線・上線・打消し線など)を指定するためのプロパティで、underlineを指定すると下線が表示されます。
【不正解の理由】
• 「font-style: underline;」:font-styleはitalic(斜体)やnormalなど文字の傾きを指定するプロパティであり、underlineという値は存在しない
• 「text-align: underline;」:text-alignは文字の水平方向の配置(left、center、rightなど)を指定するプロパティであり、下線とは無関係
• 「text-transform: underline;」:text-transformは大文字・小文字変換(uppercaseなど)を指定するプロパティであり、下線とは無関係
• 「border-bottom: underline;」:border-bottomは要素の下側の枠線を指定するプロパティで、underlineという値は線のスタイルとして存在しない(solidやdashedなどが正しい値)