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

CSS基礎 練習問題 43:背景画像の繰り返し制御

背景として指定した小さな画像が、要素内で縦横に繰り返して表示(タイリング)されないようにし、1度だけ表示させたい場合、正しいCSSの記述はどれか。

  1. background-repeat: no-repeat;
  2. background-image: none;
  3. background-tile: false;
  4. background-size: single;
  5. background-display: once;
正解と解説を見る
正解:background-repeat: no-repeat;

背景画像の繰り返しを無効化して1度だけ表示させるには「background-repeat: no-repeat;」が正解です。

【正解の理由】
「background-repeat」プロパティは背景の繰り返し方法を指定するもので、「no-repeat」を指定するとタイリング(繰り返し)が行われなくなります。

【不正解の理由】
• 「background-image: none;」は背景画像そのものを非表示にする指定である
• 「background-tile: false;」というプロパティはCSSに存在しない
• 「background-size: single;」はサイズ指定のプロパティだが、singleという値は存在しない
• 「background-display: once;」というプロパティはCSSに存在しない

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