Syntax
box-sizing
Setting how the total width and height of an element is calculated.
Overview
| Class | Declarations |
|---|---|
box-sizing:`value` | box-sizing: `value`;
|
box-content | box-sizing: content-box;
|
box-border | box-sizing: border-box;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="box-sizing:1/1:hover box-sizing:1/1@sm box-sizing:1/1@dark box-sizing:1/1@print">…</div>