Background Clip

Utilities for controlling whether an element's background extends underneath its border, padding, or content box.

Classes

Class Output
.d-bgc-unset background-clip: unset !important;
.d-bgc-border-box background-clip: border-box !important;
.d-bgc-padding-box background-clip: padding-box !important;
.d-bgc-content-box background-clip: content-box !important;
.d-bgc-text background-clip: text !important;

Usage

Use d-bgc-{name} to control which box an element's background is clipped by.

Clipping text

Use d-bgc-text to clip the background color(s) within the foreground text.