Syntax

background-clip

Controlling how clip the background.

Overview

ClassDeclarations
background-clip:`origin`background-clip: `origin`;
bg-clip-borderbackground-clip: border-box;
bg-clip-contentbackground-clip: content-box;
bg-clip-paddingbackground-clip: padding-box;
bg-clip-textbackground-clip: text;

Apply conditionally

Apply styles based on different states using selectors and conditional queries.

<div class="background-clip:origin:hover background-clip:origin@sm background-clip:origin@dark background-clip:origin@print">…</div>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy