bg-origin-border

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

Example Usage

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

<div class="bg-origin-border 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: border-box;

Other Background origin Classes

bg-origin-paddingbg-origin-content
View other Backgrounds 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!