bg-clip-content: Tailwind CSS background attachement class

The bg-clip-content class ensures that the background only applies to the content of the element, not the padding or border.

bg-clip-content (Background Clip Content)

The bg-clip-content class ensures that the background only applies to the content of the element, not the padding or border.

html

<div class="bg-blue-500 bg-clip-content text-white p-4 border border-gray-400">
  Background clipped to content
</div>

Background clipped to content

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs