Background Position

Set the background image position within an element.

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

Chrome

Edge

Firefox

Safari

bp:b

background-position: bottom;

bp:c

background-position: center;

bp:l

background-position: 0;

bp:lb

background-position: 0 100%;

bp:lt

background-position: 0 0;

bp:r

background-position: 100%;

bp:rb

background-position: 100% 100%;

bp:rt

background-position: 100% 0;

bp:t

background-position: top;

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.