Non repetition background image (using HTML5, not CSS)?

Question

I want my background image to cover my whole web page but it keeps on repeating. Is there a way to set it to non-repetition via HTML?

yes it is not supported in HTML 5 check here: https://www.w3schools.com/tags/att_body_background.asp — adel, Sep 09 '19 at 11:36
what is your reason not to use CSS? This is exactly what CSS is for! — Martin, Sep 09 '19 at 12:05

score 2 · Answer 1 · answered Sep 09 '19 at 12:05

2

You can't.

First of all, background is an obsolete attribute. Browsers still support it.

Second, it is not part of HTML5, as you can see in the list of attributes of the body element (see also global attributes). Which also you are not using HTML5, stop pretending you are.

And finally, there never was an attribute to control how the background repeats. At least not documented.

Why do you want this? Even - not so good - old IE6 supports CSS background-repeat and background-size. Well, except it has problems with PNGs. There are hacks. See Background repeat doesn't seem to work in IE6 and IE6 PNG Transparency CSS background-repeat Fix.

I tried to look how people did this past millelium. You know, around Windows 95. Could not find anything. Perhaps somebody older than me knows, I began learning HTML when we had Windows 98 and IE6. However, I bet the answer is you could not do it.

Why don't you use CSS (and HTML5 by the way) for a change?

answered Sep 09 '19 at 12:05

Theraot

31,890
5
57
86

@SabaKhan `Why don't you use CSS (and HTML5 by the way) for a change?` I want to know your answer... – Ritesh Khandekar Sep 09 '19 at 12:12
Actually we have to design a pure html based website as our task. That's why! – Saba Sep 09 '19 at 12:13
1

@SabaKhan Well, the only idea I have for you is to make the image bigger than the contents of the page. Edit: well, I suppose another alternative is not having a background. – Theraot Sep 09 '19 at 12:15
Yes, Every Display has not same size so you can't be able to get same image output everytime – Ritesh Khandekar Sep 09 '19 at 12:25

Abir.d · Answer 2 · 2019-09-09T12:14:33.570

1

You need to use inline css (style).

<body style="background: url('images/bg.gif');background-repeat: no-repeat;background-size: cover">

edited Sep 09 '19 at 12:14

answered Sep 09 '19 at 11:52

Abir.d

718
6
11

Err, OP states: "using HTML5 not CSS" – Martin Sep 09 '19 at 12:04
you can't do it without style – Abir.d Sep 09 '19 at 12:08
1

Exactly. But your answer doesn't say that. – Martin Sep 09 '19 at 12:12

score 0 · Answer 3 · answered Sep 09 '19 at 11:33

0

<body style="background:url(images/bg.gif) center cover / fixed no-repeat">

answered Sep 09 '19 at 11:33

Nikolay

435
5
10

1

That is CSS, in an HTML attribute. – Heretic Monkey Sep 09 '19 at 11:34
But technically it will be inline css element. Isn't it? – Saba Sep 09 '19 at 11:36
but it's still CSS – Martin Sep 09 '19 at 12:04

Non repetition background image (using HTML5, not CSS)?

3 Answers3

Linked