bg-clip-border

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

Example Usage

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

<div class="bg-clip-border p-4 m-4 border-8 border-primary border-dotted w-32 h-32 rounded-xl bg-purple-300"></div>

Resulting CSS

background-clip: border-box;

Other Background clip Classes

bg-clip-paddingbg-clip-contentbg-clip-text
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!