Background

Background Position

Style syntax for setting the initial position for background image.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
background-position:value / bg:valuebackground-position: value
background-position:x|ybackground-position: x y
background-position:direction|direction|valuebackground-position: direction direction value
background-position:direction|value|direction|valuebackground-position: direction value direction value
background-position:position,background-position: position,
bg:topbackground-position: top
bg:bottombackground-position: bottom
bg:rightbackground-position: right
bg:leftbackground-position: left
bg:centerbackground-position: center

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="background-position:top:hover background-position:top@sm background-position:top@dark background-position:top@print"></div>
PREVIOUS
Background Origin

Style syntax for setting the background's origin.

NEXT
Background Repeat

Style syntax for setting how background images are repeated.

MIT License © Aoyue Design LLC.