Box utilities control decorative effects like shadows, box sizing behavior, and how box decorations should be handled across line breaks.

Control the box shadow of an element:

• shadow-sm, shadow, shadow-md, shadow-lg, shadow-xl, shadow-2xl
• shadow-inner, shadow-none

Control the color of box shadows:

• Any Tailwind color: shadow-blue-500
• Opacity: shadow-blue-500/50

Control how the browser calculates the total size of an element:

• box-border (default) – Border and padding are included in the width and height.
• box-content – Border and padding are added to the width and height.

Control how box decorations like background, border, and shadow are rendered across line breaks:

• decoration-clone – Renders each fragment as if it were a separate element.
• decoration-slice (default) – Renders the decoration as if the element was not broken.