Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles
background-repeat-round-space allows CSS background images to be repeated without clipping. Since it’s a property, it can be altered with CSS to reposition, distract, or focus attention.
Last updated on : 2023-03-20
Browser Versions
IE
Edge
Firefox
Chrome
Safari
Opera
Fully Supported
Partially
No Support
Inherited
no
Applies to
all elements. It also applies to ::first-letter and ::first-line.
Initial value
repeat
Animation type
discrete
Computed value
a list, each item consisting of two keywords, one per dimension
CSS Backgrounds and Borders Module Level 4 # the-background-repeat
/* Keyword values */
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: repeat;
background-repeat: space;
background-repeat: round;
background-repeat: no-repeat;
/* Two-value syntax: horizontal | vertical */
background-repeat: repeat space;
background-repeat: repeat repeat;
background-repeat: round space;
background-repeat: no-repeat round;
/* Global values */
background-repeat: inherit;
background-repeat: initial;
background-repeat: revert;
background-repeat: unset;
CSS background-repeat round and space on IE is fully supported on 10-11, partially supported on 9-9, and not supported on 5.5-8 IE versions.
CSS background-repeat round and space on Edge is fully supported on all Edge versions.
CSS background-repeat round and space on Firefox is fully supported on 49-113, and not supported on 2-48 Firefox versions.
CSS background-repeat round and space on Chrome is fully supported on 32-114, and not supported on 4-31 Chrome versions.
CSS background-repeat round and space on Safari is fully supported on 7.1-16.4, and not supported on 3.2-6 Safari versions.
CSS background-repeat round and space on Opera is fully supported on 10.5-95, and not supported on 9.5-18 Opera versions.
CSS background-repeat round and space on Safari on iOS is fully supported on 7-16.4, and not supported on 3.2-6 Safari on iOS versions.
CSS background-repeat round and space on Android Browser is fully supported on 4.4-111, and not supported on 2.1-4 Android Browser versions.
CSS background-repeat round and space on Opera Mobile is fully supported on 11.5-73, and not supported on 10-10 Opera Mobile versions.
CSS background-repeat round and space on Chrome for Android is fully supported on all Chrome for Android versions.
CSS background-repeat round and space on Firefox for Android is fully supported on all Firefox for Android versions.
CSS background-repeat round and space on Samsung Internet is fully supported on all Samsung Internet versions.
Data sourced from
Overall Browser Compatibility Score
Note:CSS background-repeat round and space shows a browser compatibility score of 100. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.
Test on 3000+ browsers for CSS background-repeat round and space & more
Test your website for CSS background-repeat round and space and other web technologies. Get 100 FREE automation test minutes!
Test NowKaneAI - Testing Assistant
World’s first AI-Powered E2E testing agent.
Did you find this page helpful?