Qraft(クラフト) 資格・学習クイズアプリ

CSS基礎 練習問題 16:CSSテキスト装飾

テキストに下線を引きたい場合、正しいCSSの書き方はどれか。

  1. text-decoration: underline;
  2. font-style: underline;
  3. text-align: underline;
  4. text-transform: underline;
  5. 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などが正しい値)

← 前の問題問題一覧次の問題 →
アプリで解いてレーティングを上げる(無料・登録不要)