Background

Background Color

Style syntax for setting the background color of an element.

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

Overview [sr-only]

ClassDeclarations
background-color:color / background:color / bg:colorbackground-color: color
bg:currentbackground-color: currentColor
bg:transparentbackground-color: transparent
bg:#hexbackground-color: #hex
bg:rgb(rgb)background-color: rgb(rgb)
bg:hsl(hsl)background-color: hsl(hsl)

Conditionally apply

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

<div class="background-color:fade-10:hover background-color:fade-10@sm background-color:fade-10@dark background-color:fade-10@print"></div>
PREVIOUS
Background Clip

Style syntax for controlling how clip the background.

NEXT
Background Image

Style syntax for setting background images on an element.

MIT License © Aoyue Design LLC.