Box Sizing

Utilities for controlling how the browser should calculate an element's total size.

Examples

All examples below have a 128px height and width. You can see how .d-box-border elements includes the padding and border into the overall box's height and width.

<div class="d-box-border"></div>
<div class="d-box-content"></div>
<div class="d-box-unset"></div>

Classes

Class
Output
d-box-content box-sizing: content-box;
d-box-split box-sizing: split-box;
Box Sizing documentation last updated Thursday, June 11, 2026