bg-origin-content

The bg-origin-content class belongs to the background origin group within the backgrounds category.

Example Usage

Here is an example of how to use bg-origin-content:

<div class="bg-origin-content p-4 m-4 border-8 border-primary border-dashed w-32 h-32 rounded-xl bg-cover bg-no-repeat bg-[url('/placeholders/mountain.jpg')]"></div>

Resulting CSS

background-origin: content-box;

Other Background origin Classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!