Background Origin

Set the background positioning area relative to borders, padding & content.

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

Chrome

Edge

Firefox

Safari

bo-bb

background-origin: border-box;

bo-cb

background-origin: content-box;

bo-pb

background-origin: padding-box;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.