CSS基礎 練習問題 43:背景画像の繰り返し制御
背景として指定した小さな画像が、要素内で縦横に繰り返して表示(タイリング)されないようにし、1度だけ表示させたい場合、正しいCSSの記述はどれか。
- background-repeat: no-repeat;
- background-image: none;
- background-tile: false;
- background-size: single;
- 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に存在しない