Max Inline Size
Utilities for controlling the maximum inline-size of an element.
| Class | CSS Output |
|---|---|
max-inline-auto |
|
max-inline-full |
|
max-inline-screen |
|
max-inline-0 |
|
max-inline-4 |
|
max-inline-8 |
|
max-inline-1/2 |
|
max-inline-1/3 |
|
max-inline-[100px] |
|
max-inline-auto
max-inline-size: auto;
max-inline-full
max-inline-size: 100%;
max-inline-screen
max-inline-size: 100vw;
max-inline-0
max-inline-size: calc(var(--spacing) * 0);
max-inline-4
max-inline-size: calc(var(--spacing) * 4);
max-inline-8
max-inline-size: calc(var(--spacing) * 8);
max-inline-1/2
max-inline-size: calc(1/2 * 100%);
max-inline-1/3
max-inline-size: calc(1/3 * 100%);
max-inline-[100px]
max-inline-size: 100px;
Reference
| max-inline-size | MDN ↗ |
CSS Properties
max-inline-size