Comments on: background-repeat

By: Heko

Heko — Sat, 24 Apr 2021 06:37:46 +0000

Hi,

There might be an error about \round\ value.
You say : “If it’s less than half one image width left, stretch, if it’s more, stretch”

If there’s more than half one image width left, images will squish in order to fit

Geoff Graham — Tue, 23 Oct 2018 18:14:00 +0000

In reply to astrxphoria.

Hey! Not that I am aware of, but you might try either chaining background images a la:

.element { background: url(bg-1.png) no-repeat, url(bg-2.png) no-repeat, /* a flip of bg-1 */ ...

…or creating on giant background image that creates the pattern.

astrxphoria — Tue, 23 Oct 2018 02:57:59 +0000

can you flip backgrounds on each repeat?

Jon McLaren — Mon, 20 Mar 2017 21:32:52 +0000

never knew about Space and Round either but it’s fabulous you’d think it would be better known.

Hichdima — Mon, 13 Mar 2017 15:42:28 +0000

Wow, never knew about “space” and “round”, however it seems it has been supported since CSS1

rahul — Fri, 30 Sep 2016 17:44:57 +0000

In reply to dago. thank you :) @dago

dago — Thu, 19 May 2016 08:07:28 +0000

background-repeat: round space;