CSS基礎 練習問題 74:テキストの装飾
📊 Qraftユーザーの成績
- 難易度 Bランク(レーティング1200)
- 難易度 766位/2795問中
- 正答率 —(0回)
テキストに打ち消し線(取り消し線)を引きたい場合、正しいCSSの書き方はどれか。
- text-decoration: line-through; を指定して、文字の中央に水平の線を引く。
- text-decoration: underline; を指定して、文字の下側に直線を引いて装飾する。
- text-decoration: overline; を指定して、文字の上側に直線を引いて装飾する。
- text-decoration: none; を指定して、文字の装飾線をすべて削除して表示する。
- text-transform: capitalize; を指定して、文字の先頭のみを大文字に変換する。
正解と解説を見る
正解:text-decoration: line-through; を指定して、文字の中央に水平の線を引く。
テキストに打ち消し線(取り消し線)を引きたい場合は、`text-decoration: line-through;` が正解です。
【正解の理由】
`text-decoration` プロパティはテキストに線を追加・削除するためのもので、`line-through` を指定すると文字の中央を貫く横線が引かれます。
【不正解の理由】
• 「『text-decoration: underline;』を指定して、文字の下側に直線を引いて装飾する」は、いわゆる下線(アンダーライン)になるため誤り
• 「『text-decoration: overline;』を指定して、文字の上側に直線を引いて装飾する」は、文字の真上に線が引かれるため誤り
• 「『text-decoration: none;』を指定して、文字の装飾線をすべて削除して表示する」は、リンクの下線などを消す際に使うもので、線を引くことはできないため誤り
• 「『text-transform: capitalize;』を指定して、文字の先頭のみを大文字に変換する」は、英単語の小文字・大文字の変換を制御するもので、線とは無関係なため誤り