Question

What should be the set value of background-size property such that image will stretch to cover entire content area?

(a) 100%100%

(b) cover

(c) contain

(d) 100%

I had been asked this question in a national level competition.

This question is from Responsive Overview in division Advance HTML of HTML

Answer 1

Correct choice is (a) 100%100%

To explain I would say: If background-size property is set to “100%100% “ the background image will stretch to cover the entire content area. E.g. div { width: 100%; height: 300px; background-image: url(‘img_khj.jpg’); }