Contain
Utilities for controlling the containment of an element's layout, style, and paint.
| Class | CSS Output |
|---|---|
contain-content |
|
contain-inline-size |
|
contain-strict |
|
contain-paint |
|
contain-size |
|
contain-layout |
|
contain-none |
|
contain-style |
|
contain-content
contain: content;
contain-inline-size
--tw-contain-size: inline-size; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
contain-strict
contain: strict;
contain-paint
--tw-contain-paint: paint; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
contain-size
--tw-contain-size: size; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
contain-layout
--tw-contain-layout: layout; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
contain-none
contain: none;
contain-style
--tw-contain-style: style; contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
Reference
| contain | MDN ↗ |
CSS Properties
contain