Dialtone

Box Sizing

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

Classes

ClassOutput
d-box-contentbox-sizing: content-box;
d-box-splitbox-sizing: split-box;

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>
Last Updated: