CSS background-repeat round and space

Overview

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.

Formal Definition

Specifications

CSS Backgrounds and Borders Module Level 4 # the-background-repeat

Syntax

/* 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;

Code snippets

index.html

Source:index.html

Browser Compatibility