Background Repeat

Set the repeat behavior for background images.

Widely available

This feature is well established and works across many devices and browser versions.

Chrome
Edge
Firefox
Safari

br-nr
background-repeat: no-repeat;
br-r
background-repeat: repeat;
br-ro
background-repeat: round;
br-rx
background-repeat: repeat-x;
br-ry
background-repeat: repeat-y;
br-s
background-repeat: space;

Responsiveness

Use breakpoint prefixes to target different screen sizes. Styles apply from the breakpoint & up.

Target viewport sizes with breakpoint prefixes.

sm:br-(value)
Small≥640px
md:br-(value)
Medium≥768px
lg:br-(value)
Large≥1024px
xxl:br-(value)
Extra Large≥1536px

Hover State

Apply styles conditionally on hover using the h: prefix.

Add the h: prefix to apply styles only when the user hovers over the element.

Syntax:h:br-(value)