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

CSS基礎 練習問題 27:CSSのリストスタイル指定(list-style)

リストの箇条書きマーカー(黒丸や数字など)を非表示にしたい場合、正しいCSSの書き方はどれか。

  1. list-style: none;
  2. list-marker: none;
  3. text-decoration: none;
  4. list-style: hidden;
  5. display: no-marker;
正解と解説を見る
正解:list-style: none;

ul要素やol要素の子であるli要素のマーカー(黒丸や番号)を消したい場合は、list-style: none;を親のul/olまたはliに指定します。

【正解の理由】
list-styleプロパティはリストのマーカーの種類を指定するもので、noneを指定するとマーカーが表示されなくなります。

【不正解の理由】
• 「list-marker: none;」:list-markerというCSSプロパティは存在しない
• 「text-decoration: none;」:これはリンクの下線などのテキスト装飾を消すプロパティであり、リストマーカーには関係しない
• 「list-style: hidden;」:list-styleにhiddenという値は存在しない
• 「display: no-marker;」:displayプロパティにno-markerという値は存在しない

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