The background-repeat property defines whether and how a background image is tiled across the positioning area. A single value applies to both axes; two values set the horizontal and vertical axes separately..tile {
background-repeat: repeat;
}.banner {
background-image: url('icon.svg');
background-repeat: space round;
}repeatThe image is tiled (default). If the area is not a whole-number multiple of the image, the last tile is clipped.repeat-xHorizontal tiling only (equivalent to 'repeat no-repeat').repeat-yVertical tiling only (equivalent to 'no-repeat repeat').spaceThe image is repeated as many times as it fits without clipping; remaining space is distributed evenly between tiles.roundThe image is repeated and rescaled so it fits a whole number of times.no-repeatThe image appears once and is not tiled.CSS Backgrounds Module Level 4First Public Working DraftW3CMDNCSSShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
