# Layout

- [Aspect Ratio](#aspect-ratio)
- [Box Decoration Break](#box-decoration-break)
- [Box Sizing](#box-sizing)
- [Break After](#break-after)
- [Break Before](#break-before)
- [Break Inside](#break-inside)
- [Clear](#clear)
- [Columns](#columns)
- [Container](#container)
- [Display](#display)
- [Floats](#floats)
- [Isolation](#isolation)
- [Object Fit](#object-fit)
- [Object Position](#object-position)
- [Overflow](#overflow)
- [Overscroll Behavior](#overscroll-behavior)
- [Position](#position)
- [Top / Right / Bottom / Left](#top-right-bottom-left)
- [Visibility](#visibility)
- [Z-Index](#z-index)

-----


## Aspect Ratio

Utilities for controlling the aspect ratio of an element.

### Group

| TailwindJS token |
| ----- |
| `aspect_ratio_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `aspect_auto` | [aspect-auto](#aspect_ratio) |
| `aspect_square` | [aspect-square](#aspect_ratio) |
| `aspect_video` | [aspect-video](#aspect_ratio) |



### Arbitraries

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `aspect_arbitrary`, `aspect_arb` | [aspect-[…]](#https://tailwindcss.com/docs/aspect-ratio#arbitrary-values) |



## Box Decoration Break

Utilities for controlling how element fragments should be rendered across multiple lines, columns, or pages.

### Group

| TailwindJS token |
| ----- |
| `box_decoration_break_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `box_decoration_clone` | [box-decoration-clone](#box_decoration_break) |
| `box_decoration_slice` | [box-decoration-slice](#box_decoration_break) |





## Box Sizing

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

### Group

| TailwindJS token |
| ----- |
| `box_sizing_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `box_border` | [box-border](#box_sizing) |
| `box_content` | [box-content](#box_sizing) |





## Break After

Utilities for controlling how a column or page should break after an element.

### Group

| TailwindJS token |
| ----- |
| `break_after_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `break_after_all` | [break-after-all](#break_after) |
| `break_after_auto` | [break-after-auto](#break_after) |
| `break_after_avoid` | [break-after-avoid](#break_after) |
| `break_after_avoid_page` | [break-after-avoid-page](#break_after) |
| `break_after_column` | [break-after-column](#break_after) |
| `break_after_left` | [break-after-left](#break_after) |
| `break_after_page` | [break-after-page](#break_after) |
| `break_after_right` | [break-after-right](#break_after) |





## Break Before

Utilities for controlling how a column or page should break before an element.

### Group

| TailwindJS token |
| ----- |
| `break_before_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `break_before_all` | [break-before-all](#break_before) |
| `break_before_auto` | [break-before-auto](#break_before) |
| `break_before_avoid` | [break-before-avoid](#break_before) |
| `break_before_avoid_page` | [break-before-avoid-page](#break_before) |
| `break_before_column` | [break-before-column](#break_before) |
| `break_before_left` | [break-before-left](#break_before) |
| `break_before_page` | [break-before-page](#break_before) |
| `break_before_right` | [break-before-right](#break_before) |





## Break Inside

Utilities for controlling how a column or page should break within an element.

### Group

| TailwindJS token |
| ----- |
| `break_inside_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `break_inside_auto` | [break-inside-auto](#break_inside) |
| `break_inside_avoid` | [break-inside-avoid](#break_inside) |
| `break_inside_avoid_column` | [break-inside-avoid-column](#break_inside) |
| `break_inside_avoid_page` | [break-inside-avoid-page](#break_inside) |





## Clear

Utilities for controlling the wrapping of content around an element.

### Group

| TailwindJS token |
| ----- |
| `clear_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `clear_both` | [clear-both](#clear) |
| `clear_end` | [clear-end](#clear) |
| `clear_left` | [clear-left](#clear) |
| `clear_none` | [clear-none](#clear) |
| `clear_right` | [clear-right](#clear) |
| `clear_start` | [clear-start](#clear) |





## Columns

Utilities for controlling the number of columns within an element.

### Group

| TailwindJS token |
| ----- |
| `columns_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `columns_1` | [columns-1](#columns) |
| `columns_10` | [columns-10](#columns) |
| `columns_11` | [columns-11](#columns) |
| `columns_12` | [columns-12](#columns) |
| `columns_2` | [columns-2](#columns) |
| `columns_2xl` | [columns-2xl](#columns) |
| `columns_2xs` | [columns-2xs](#columns) |
| `columns_3` | [columns-3](#columns) |
| `columns_3xl` | [columns-3xl](#columns) |
| `columns_3xs` | [columns-3xs](#columns) |
| `columns_4` | [columns-4](#columns) |
| `columns_4xl` | [columns-4xl](#columns) |
| `columns_5` | [columns-5](#columns) |
| `columns_5xl` | [columns-5xl](#columns) |
| `columns_6` | [columns-6](#columns) |
| `columns_6xl` | [columns-6xl](#columns) |
| `columns_7` | [columns-7](#columns) |
| `columns_7xl` | [columns-7xl](#columns) |
| `columns_8` | [columns-8](#columns) |
| `columns_9` | [columns-9](#columns) |
| `columns_auto` | [columns-auto](#columns) |
| `columns_lg` | [columns-lg](#columns) |
| `columns_md` | [columns-md](#columns) |
| `columns_sm` | [columns-sm](#columns) |
| `columns_xl` | [columns-xl](#columns) |
| `columns_xs` | [columns-xs](#columns) |



### Arbitraries

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `columns_arbitrary`, `columns_arb` | [columns-[…]](#https://tailwindcss.com/docs/columns#arbitrary-values) |



## Container

A component for fixing an element's width to the current breakpoint.

### Group

| TailwindJS token |
| ----- |
| `container_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `container` | [container](#container) |





## Display

Utilities for controlling the display box type of an element.

### Group

| TailwindJS token |
| ----- |
| `display_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `block` | [block](#display) |
| `contents` | [contents](#display) |
| `flex` | [flex](#display) |
| `flow_root` | [flow-root](#display) |
| `grid` | [grid](#display) |
| `hidden` | [hidden](#display) |
| `inline` | [inline](#display) |
| `inline_block` | [inline-block](#display) |
| `inline_flex` | [inline-flex](#display) |
| `inline_grid` | [inline-grid](#display) |
| `inline_table` | [inline-table](#display) |
| `list_item` | [list-item](#display) |
| `table` | [table](#display) |
| `table_caption` | [table-caption](#display) |
| `table_cell` | [table-cell](#display) |
| `table_column` | [table-column](#display) |
| `table_column_group` | [table-column-group](#display) |
| `table_footer_group` | [table-footer-group](#display) |
| `table_header_group` | [table-header-group](#display) |
| `table_row` | [table-row](#display) |
| `table_row_group` | [table-row-group](#display) |





## Floats

Utilities for controlling the wrapping of content around an element.

### Group

| TailwindJS token |
| ----- |
| `floats_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `float_end` | [float-end](#floats) |
| `float_left` | [float-left](#floats) |
| `float_none` | [float-none](#floats) |
| `float_right` | [float-right](#floats) |
| `float_start` | [float-start](#floats) |





## Isolation

Utilities for controlling whether an element should explicitly create a new stacking context.

### Group

| TailwindJS token |
| ----- |
| `isolation_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `isolate` | [isolate](#isolation) |
| `isolation_auto` | [isolation-auto](#isolation) |





## Object Fit

Utilities for controlling how a replaced element's content should be resized.

### Group

| TailwindJS token |
| ----- |
| `object_fit_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `object_contain` | [object-contain](#object_fit) |
| `object_cover` | [object-cover](#object_fit) |
| `object_fill` | [object-fill](#object_fit) |
| `object_none` | [object-none](#object_fit) |
| `object_scale_down` | [object-scale-down](#object_fit) |





## Object Position

Utilities for controlling how a replaced element's content should be positioned within its container.

### Group

| TailwindJS token |
| ----- |
| `object_position_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `object_bottom` | [object-bottom](#object_position) |
| `object_center` | [object-center](#object_position) |
| `object_left` | [object-left](#object_position) |
| `object_left_bottom` | [object-left-bottom](#object_position) |
| `object_left_top` | [object-left-top](#object_position) |
| `object_right` | [object-right](#object_position) |
| `object_right_bottom` | [object-right-bottom](#object_position) |
| `object_right_top` | [object-right-top](#object_position) |
| `object_top` | [object-top](#object_position) |



### Arbitraries

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `object_arbitrary`, `object_arb` | [object-[…]](#https://tailwindcss.com/docs/object-position#arbitrary-values) |
| `object_left_arbitrary`, `object_left_arb` | [object-left-[…]](#https://tailwindcss.com/docs/object-position#arbitrary-values) |
| `object_right_arbitrary`, `object_right_arb` | [object-right-[…]](#https://tailwindcss.com/docs/object-position#arbitrary-values) |



## Overflow

Utilities for controlling how an element handles content that is too large for the container.

### Group

| TailwindJS token |
| ----- |
| `overflow_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `overflow_auto` | [overflow-auto](#overflow) |
| `overflow_clip` | [overflow-clip](#overflow) |
| `overflow_hidden` | [overflow-hidden](#overflow) |
| `overflow_scroll` | [overflow-scroll](#overflow) |
| `overflow_visible` | [overflow-visible](#overflow) |
| `overflow_x_auto` | [overflow-x-auto](#overflow) |
| `overflow_x_clip` | [overflow-x-clip](#overflow) |
| `overflow_x_hidden` | [overflow-x-hidden](#overflow) |
| `overflow_x_scroll` | [overflow-x-scroll](#overflow) |
| `overflow_x_visible` | [overflow-x-visible](#overflow) |
| `overflow_y_auto` | [overflow-y-auto](#overflow) |
| `overflow_y_clip` | [overflow-y-clip](#overflow) |
| `overflow_y_hidden` | [overflow-y-hidden](#overflow) |
| `overflow_y_scroll` | [overflow-y-scroll](#overflow) |
| `overflow_y_visible` | [overflow-y-visible](#overflow) |





## Overscroll Behavior

Utilities for controlling how the browser behaves when reaching the boundary of a scrolling area.

### Group

| TailwindJS token |
| ----- |
| `overscroll_behavior_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `overscroll_auto` | [overscroll-auto](#overscroll_behavior) |
| `overscroll_contain` | [overscroll-contain](#overscroll_behavior) |
| `overscroll_none` | [overscroll-none](#overscroll_behavior) |
| `overscroll_x_auto` | [overscroll-x-auto](#overscroll_behavior) |
| `overscroll_x_contain` | [overscroll-x-contain](#overscroll_behavior) |
| `overscroll_x_none` | [overscroll-x-none](#overscroll_behavior) |
| `overscroll_y_auto` | [overscroll-y-auto](#overscroll_behavior) |
| `overscroll_y_contain` | [overscroll-y-contain](#overscroll_behavior) |
| `overscroll_y_none` | [overscroll-y-none](#overscroll_behavior) |





## Position

Utilities for controlling how an element is positioned in the DOM.

### Group

| TailwindJS token |
| ----- |
| `position_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `absolute` | [absolute](#position) |
| `fixed` | [fixed](#position) |
| `relative` | [relative](#position) |
| `static_` | [static](#position) |
| `sticky` | [sticky](#position) |





## Top / Right / Bottom / Left

Utilities for controlling the placement of positioned elements.

### Group

| TailwindJS token |
| ----- |
| `top_right_bottom_left_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `bottom_0` | [bottom-0](#top_right_bottom_left) |
| `bottom_0_5` | [bottom-0.5](#top_right_bottom_left) |
| `bottom_1` | [bottom-1](#top_right_bottom_left) |
| `bottom_10` | [bottom-10](#top_right_bottom_left) |
| `bottom_11` | [bottom-11](#top_right_bottom_left) |
| `bottom_12` | [bottom-12](#top_right_bottom_left) |
| `bottom_14` | [bottom-14](#top_right_bottom_left) |
| `bottom_16` | [bottom-16](#top_right_bottom_left) |
| `bottom_1_5` | [bottom-1.5](#top_right_bottom_left) |
| `bottom_1_on_2` | [bottom-1/2](#top_right_bottom_left) |
| `bottom_1_on_3` | [bottom-1/3](#top_right_bottom_left) |
| `bottom_1_on_4` | [bottom-1/4](#top_right_bottom_left) |
| `bottom_2` | [bottom-2](#top_right_bottom_left) |
| `bottom_20` | [bottom-20](#top_right_bottom_left) |
| `bottom_24` | [bottom-24](#top_right_bottom_left) |
| `bottom_28` | [bottom-28](#top_right_bottom_left) |
| `bottom_2_5` | [bottom-2.5](#top_right_bottom_left) |
| `bottom_2_on_3` | [bottom-2/3](#top_right_bottom_left) |
| `bottom_2_on_4` | [bottom-2/4](#top_right_bottom_left) |
| `bottom_3` | [bottom-3](#top_right_bottom_left) |
| `bottom_32` | [bottom-32](#top_right_bottom_left) |
| `bottom_36` | [bottom-36](#top_right_bottom_left) |
| `bottom_3_5` | [bottom-3.5](#top_right_bottom_left) |
| `bottom_3_on_4` | [bottom-3/4](#top_right_bottom_left) |
| `bottom_4` | [bottom-4](#top_right_bottom_left) |
| `bottom_40` | [bottom-40](#top_right_bottom_left) |
| `bottom_44` | [bottom-44](#top_right_bottom_left) |
| `bottom_48` | [bottom-48](#top_right_bottom_left) |
| `bottom_5` | [bottom-5](#top_right_bottom_left) |
| `bottom_52` | [bottom-52](#top_right_bottom_left) |
| `bottom_56` | [bottom-56](#top_right_bottom_left) |
| `bottom_6` | [bottom-6](#top_right_bottom_left) |
| `bottom_60` | [bottom-60](#top_right_bottom_left) |
| `bottom_64` | [bottom-64](#top_right_bottom_left) |
| `bottom_7` | [bottom-7](#top_right_bottom_left) |
| `bottom_72` | [bottom-72](#top_right_bottom_left) |
| `bottom_8` | [bottom-8](#top_right_bottom_left) |
| `bottom_80` | [bottom-80](#top_right_bottom_left) |
| `bottom_9` | [bottom-9](#top_right_bottom_left) |
| `bottom_96` | [bottom-96](#top_right_bottom_left) |
| `bottom_auto` | [bottom-auto](#top_right_bottom_left) |
| `bottom_full` | [bottom-full](#top_right_bottom_left) |
| `bottom_px` | [bottom-px](#top_right_bottom_left) |
| `end_0` | [end-0](#top_right_bottom_left) |
| `end_0_5` | [end-0.5](#top_right_bottom_left) |
| `end_1` | [end-1](#top_right_bottom_left) |
| `end_10` | [end-10](#top_right_bottom_left) |
| `end_11` | [end-11](#top_right_bottom_left) |
| `end_12` | [end-12](#top_right_bottom_left) |
| `end_14` | [end-14](#top_right_bottom_left) |
| `end_16` | [end-16](#top_right_bottom_left) |
| `end_1_5` | [end-1.5](#top_right_bottom_left) |
| `end_1_on_2` | [end-1/2](#top_right_bottom_left) |
| `end_1_on_3` | [end-1/3](#top_right_bottom_left) |
| `end_1_on_4` | [end-1/4](#top_right_bottom_left) |
| `end_2` | [end-2](#top_right_bottom_left) |
| `end_20` | [end-20](#top_right_bottom_left) |
| `end_24` | [end-24](#top_right_bottom_left) |
| `end_28` | [end-28](#top_right_bottom_left) |
| `end_2_5` | [end-2.5](#top_right_bottom_left) |
| `end_2_on_3` | [end-2/3](#top_right_bottom_left) |
| `end_2_on_4` | [end-2/4](#top_right_bottom_left) |
| `end_3` | [end-3](#top_right_bottom_left) |
| `end_32` | [end-32](#top_right_bottom_left) |
| `end_36` | [end-36](#top_right_bottom_left) |
| `end_3_5` | [end-3.5](#top_right_bottom_left) |
| `end_3_on_4` | [end-3/4](#top_right_bottom_left) |
| `end_4` | [end-4](#top_right_bottom_left) |
| `end_40` | [end-40](#top_right_bottom_left) |
| `end_44` | [end-44](#top_right_bottom_left) |
| `end_48` | [end-48](#top_right_bottom_left) |
| `end_5` | [end-5](#top_right_bottom_left) |
| `end_52` | [end-52](#top_right_bottom_left) |
| `end_56` | [end-56](#top_right_bottom_left) |
| `end_6` | [end-6](#top_right_bottom_left) |
| `end_60` | [end-60](#top_right_bottom_left) |
| `end_64` | [end-64](#top_right_bottom_left) |
| `end_7` | [end-7](#top_right_bottom_left) |
| `end_72` | [end-72](#top_right_bottom_left) |
| `end_8` | [end-8](#top_right_bottom_left) |
| `end_80` | [end-80](#top_right_bottom_left) |
| `end_9` | [end-9](#top_right_bottom_left) |
| `end_96` | [end-96](#top_right_bottom_left) |
| `end_auto` | [end-auto](#top_right_bottom_left) |
| `end_full` | [end-full](#top_right_bottom_left) |
| `end_px` | [end-px](#top_right_bottom_left) |
| `inset_0` | [inset-0](#top_right_bottom_left) |
| `inset_0_5` | [inset-0.5](#top_right_bottom_left) |
| `inset_1` | [inset-1](#top_right_bottom_left) |
| `inset_10` | [inset-10](#top_right_bottom_left) |
| `inset_11` | [inset-11](#top_right_bottom_left) |
| `inset_12` | [inset-12](#top_right_bottom_left) |
| `inset_14` | [inset-14](#top_right_bottom_left) |
| `inset_16` | [inset-16](#top_right_bottom_left) |
| `inset_1_5` | [inset-1.5](#top_right_bottom_left) |
| `inset_1_on_2` | [inset-1/2](#top_right_bottom_left) |
| `inset_1_on_3` | [inset-1/3](#top_right_bottom_left) |
| `inset_1_on_4` | [inset-1/4](#top_right_bottom_left) |
| `inset_2` | [inset-2](#top_right_bottom_left) |
| `inset_20` | [inset-20](#top_right_bottom_left) |
| `inset_24` | [inset-24](#top_right_bottom_left) |
| `inset_28` | [inset-28](#top_right_bottom_left) |
| `inset_2_5` | [inset-2.5](#top_right_bottom_left) |
| `inset_2_on_3` | [inset-2/3](#top_right_bottom_left) |
| `inset_2_on_4` | [inset-2/4](#top_right_bottom_left) |
| `inset_3` | [inset-3](#top_right_bottom_left) |
| `inset_32` | [inset-32](#top_right_bottom_left) |
| `inset_36` | [inset-36](#top_right_bottom_left) |
| `inset_3_5` | [inset-3.5](#top_right_bottom_left) |
| `inset_3_on_4` | [inset-3/4](#top_right_bottom_left) |
| `inset_4` | [inset-4](#top_right_bottom_left) |
| `inset_40` | [inset-40](#top_right_bottom_left) |
| `inset_44` | [inset-44](#top_right_bottom_left) |
| `inset_48` | [inset-48](#top_right_bottom_left) |
| `inset_5` | [inset-5](#top_right_bottom_left) |
| `inset_52` | [inset-52](#top_right_bottom_left) |
| `inset_56` | [inset-56](#top_right_bottom_left) |
| `inset_6` | [inset-6](#top_right_bottom_left) |
| `inset_60` | [inset-60](#top_right_bottom_left) |
| `inset_64` | [inset-64](#top_right_bottom_left) |
| `inset_7` | [inset-7](#top_right_bottom_left) |
| `inset_72` | [inset-72](#top_right_bottom_left) |
| `inset_8` | [inset-8](#top_right_bottom_left) |
| `inset_80` | [inset-80](#top_right_bottom_left) |
| `inset_9` | [inset-9](#top_right_bottom_left) |
| `inset_96` | [inset-96](#top_right_bottom_left) |
| `inset_auto` | [inset-auto](#top_right_bottom_left) |
| `inset_full` | [inset-full](#top_right_bottom_left) |
| `inset_px` | [inset-px](#top_right_bottom_left) |
| `inset_x_0` | [inset-x-0](#top_right_bottom_left) |
| `inset_x_0_5` | [inset-x-0.5](#top_right_bottom_left) |
| `inset_x_1` | [inset-x-1](#top_right_bottom_left) |
| `inset_x_10` | [inset-x-10](#top_right_bottom_left) |
| `inset_x_11` | [inset-x-11](#top_right_bottom_left) |
| `inset_x_12` | [inset-x-12](#top_right_bottom_left) |
| `inset_x_14` | [inset-x-14](#top_right_bottom_left) |
| `inset_x_16` | [inset-x-16](#top_right_bottom_left) |
| `inset_x_1_5` | [inset-x-1.5](#top_right_bottom_left) |
| `inset_x_1_on_2` | [inset-x-1/2](#top_right_bottom_left) |
| `inset_x_1_on_3` | [inset-x-1/3](#top_right_bottom_left) |
| `inset_x_1_on_4` | [inset-x-1/4](#top_right_bottom_left) |
| `inset_x_2` | [inset-x-2](#top_right_bottom_left) |
| `inset_x_20` | [inset-x-20](#top_right_bottom_left) |
| `inset_x_24` | [inset-x-24](#top_right_bottom_left) |
| `inset_x_28` | [inset-x-28](#top_right_bottom_left) |
| `inset_x_2_5` | [inset-x-2.5](#top_right_bottom_left) |
| `inset_x_2_on_3` | [inset-x-2/3](#top_right_bottom_left) |
| `inset_x_2_on_4` | [inset-x-2/4](#top_right_bottom_left) |
| `inset_x_3` | [inset-x-3](#top_right_bottom_left) |
| `inset_x_32` | [inset-x-32](#top_right_bottom_left) |
| `inset_x_36` | [inset-x-36](#top_right_bottom_left) |
| `inset_x_3_5` | [inset-x-3.5](#top_right_bottom_left) |
| `inset_x_3_on_4` | [inset-x-3/4](#top_right_bottom_left) |
| `inset_x_4` | [inset-x-4](#top_right_bottom_left) |
| `inset_x_40` | [inset-x-40](#top_right_bottom_left) |
| `inset_x_44` | [inset-x-44](#top_right_bottom_left) |
| `inset_x_48` | [inset-x-48](#top_right_bottom_left) |
| `inset_x_5` | [inset-x-5](#top_right_bottom_left) |
| `inset_x_52` | [inset-x-52](#top_right_bottom_left) |
| `inset_x_56` | [inset-x-56](#top_right_bottom_left) |
| `inset_x_6` | [inset-x-6](#top_right_bottom_left) |
| `inset_x_60` | [inset-x-60](#top_right_bottom_left) |
| `inset_x_64` | [inset-x-64](#top_right_bottom_left) |
| `inset_x_7` | [inset-x-7](#top_right_bottom_left) |
| `inset_x_72` | [inset-x-72](#top_right_bottom_left) |
| `inset_x_8` | [inset-x-8](#top_right_bottom_left) |
| `inset_x_80` | [inset-x-80](#top_right_bottom_left) |
| `inset_x_9` | [inset-x-9](#top_right_bottom_left) |
| `inset_x_96` | [inset-x-96](#top_right_bottom_left) |
| `inset_x_auto` | [inset-x-auto](#top_right_bottom_left) |
| `inset_x_full` | [inset-x-full](#top_right_bottom_left) |
| `inset_x_px` | [inset-x-px](#top_right_bottom_left) |
| `inset_y_0` | [inset-y-0](#top_right_bottom_left) |
| `inset_y_0_5` | [inset-y-0.5](#top_right_bottom_left) |
| `inset_y_1` | [inset-y-1](#top_right_bottom_left) |
| `inset_y_10` | [inset-y-10](#top_right_bottom_left) |
| `inset_y_11` | [inset-y-11](#top_right_bottom_left) |
| `inset_y_12` | [inset-y-12](#top_right_bottom_left) |
| `inset_y_14` | [inset-y-14](#top_right_bottom_left) |
| `inset_y_16` | [inset-y-16](#top_right_bottom_left) |
| `inset_y_1_5` | [inset-y-1.5](#top_right_bottom_left) |
| `inset_y_1_on_2` | [inset-y-1/2](#top_right_bottom_left) |
| `inset_y_1_on_3` | [inset-y-1/3](#top_right_bottom_left) |
| `inset_y_1_on_4` | [inset-y-1/4](#top_right_bottom_left) |
| `inset_y_2` | [inset-y-2](#top_right_bottom_left) |
| `inset_y_20` | [inset-y-20](#top_right_bottom_left) |
| `inset_y_24` | [inset-y-24](#top_right_bottom_left) |
| `inset_y_28` | [inset-y-28](#top_right_bottom_left) |
| `inset_y_2_5` | [inset-y-2.5](#top_right_bottom_left) |
| `inset_y_2_on_3` | [inset-y-2/3](#top_right_bottom_left) |
| `inset_y_2_on_4` | [inset-y-2/4](#top_right_bottom_left) |
| `inset_y_3` | [inset-y-3](#top_right_bottom_left) |
| `inset_y_32` | [inset-y-32](#top_right_bottom_left) |
| `inset_y_36` | [inset-y-36](#top_right_bottom_left) |
| `inset_y_3_5` | [inset-y-3.5](#top_right_bottom_left) |
| `inset_y_3_on_4` | [inset-y-3/4](#top_right_bottom_left) |
| `inset_y_4` | [inset-y-4](#top_right_bottom_left) |
| `inset_y_40` | [inset-y-40](#top_right_bottom_left) |
| `inset_y_44` | [inset-y-44](#top_right_bottom_left) |
| `inset_y_48` | [inset-y-48](#top_right_bottom_left) |
| `inset_y_5` | [inset-y-5](#top_right_bottom_left) |
| `inset_y_52` | [inset-y-52](#top_right_bottom_left) |
| `inset_y_56` | [inset-y-56](#top_right_bottom_left) |
| `inset_y_6` | [inset-y-6](#top_right_bottom_left) |
| `inset_y_60` | [inset-y-60](#top_right_bottom_left) |
| `inset_y_64` | [inset-y-64](#top_right_bottom_left) |
| `inset_y_7` | [inset-y-7](#top_right_bottom_left) |
| `inset_y_72` | [inset-y-72](#top_right_bottom_left) |
| `inset_y_8` | [inset-y-8](#top_right_bottom_left) |
| `inset_y_80` | [inset-y-80](#top_right_bottom_left) |
| `inset_y_9` | [inset-y-9](#top_right_bottom_left) |
| `inset_y_96` | [inset-y-96](#top_right_bottom_left) |
| `inset_y_auto` | [inset-y-auto](#top_right_bottom_left) |
| `inset_y_full` | [inset-y-full](#top_right_bottom_left) |
| `inset_y_px` | [inset-y-px](#top_right_bottom_left) |
| `left_0` | [left-0](#top_right_bottom_left) |
| `left_0_5` | [left-0.5](#top_right_bottom_left) |
| `left_1` | [left-1](#top_right_bottom_left) |
| `left_10` | [left-10](#top_right_bottom_left) |
| `left_11` | [left-11](#top_right_bottom_left) |
| `left_12` | [left-12](#top_right_bottom_left) |
| `left_14` | [left-14](#top_right_bottom_left) |
| `left_16` | [left-16](#top_right_bottom_left) |
| `left_1_5` | [left-1.5](#top_right_bottom_left) |
| `left_1_on_2` | [left-1/2](#top_right_bottom_left) |
| `left_1_on_3` | [left-1/3](#top_right_bottom_left) |
| `left_1_on_4` | [left-1/4](#top_right_bottom_left) |
| `left_2` | [left-2](#top_right_bottom_left) |
| `left_20` | [left-20](#top_right_bottom_left) |
| `left_24` | [left-24](#top_right_bottom_left) |
| `left_28` | [left-28](#top_right_bottom_left) |
| `left_2_5` | [left-2.5](#top_right_bottom_left) |
| `left_2_on_3` | [left-2/3](#top_right_bottom_left) |
| `left_2_on_4` | [left-2/4](#top_right_bottom_left) |
| `left_3` | [left-3](#top_right_bottom_left) |
| `left_32` | [left-32](#top_right_bottom_left) |
| `left_36` | [left-36](#top_right_bottom_left) |
| `left_3_5` | [left-3.5](#top_right_bottom_left) |
| `left_3_on_4` | [left-3/4](#top_right_bottom_left) |
| `left_4` | [left-4](#top_right_bottom_left) |
| `left_40` | [left-40](#top_right_bottom_left) |
| `left_44` | [left-44](#top_right_bottom_left) |
| `left_48` | [left-48](#top_right_bottom_left) |
| `left_5` | [left-5](#top_right_bottom_left) |
| `left_52` | [left-52](#top_right_bottom_left) |
| `left_56` | [left-56](#top_right_bottom_left) |
| `left_6` | [left-6](#top_right_bottom_left) |
| `left_60` | [left-60](#top_right_bottom_left) |
| `left_64` | [left-64](#top_right_bottom_left) |
| `left_7` | [left-7](#top_right_bottom_left) |
| `left_72` | [left-72](#top_right_bottom_left) |
| `left_8` | [left-8](#top_right_bottom_left) |
| `left_80` | [left-80](#top_right_bottom_left) |
| `left_9` | [left-9](#top_right_bottom_left) |
| `left_96` | [left-96](#top_right_bottom_left) |
| `left_auto` | [left-auto](#top_right_bottom_left) |
| `left_full` | [left-full](#top_right_bottom_left) |
| `left_px` | [left-px](#top_right_bottom_left) |
| `right_0` | [right-0](#top_right_bottom_left) |
| `right_0_5` | [right-0.5](#top_right_bottom_left) |
| `right_1` | [right-1](#top_right_bottom_left) |
| `right_10` | [right-10](#top_right_bottom_left) |
| `right_11` | [right-11](#top_right_bottom_left) |
| `right_12` | [right-12](#top_right_bottom_left) |
| `right_14` | [right-14](#top_right_bottom_left) |
| `right_16` | [right-16](#top_right_bottom_left) |
| `right_1_5` | [right-1.5](#top_right_bottom_left) |
| `right_1_on_2` | [right-1/2](#top_right_bottom_left) |
| `right_1_on_3` | [right-1/3](#top_right_bottom_left) |
| `right_1_on_4` | [right-1/4](#top_right_bottom_left) |
| `right_2` | [right-2](#top_right_bottom_left) |
| `right_20` | [right-20](#top_right_bottom_left) |
| `right_24` | [right-24](#top_right_bottom_left) |
| `right_28` | [right-28](#top_right_bottom_left) |
| `right_2_5` | [right-2.5](#top_right_bottom_left) |
| `right_2_on_3` | [right-2/3](#top_right_bottom_left) |
| `right_2_on_4` | [right-2/4](#top_right_bottom_left) |
| `right_3` | [right-3](#top_right_bottom_left) |
| `right_32` | [right-32](#top_right_bottom_left) |
| `right_36` | [right-36](#top_right_bottom_left) |
| `right_3_5` | [right-3.5](#top_right_bottom_left) |
| `right_3_on_4` | [right-3/4](#top_right_bottom_left) |
| `right_4` | [right-4](#top_right_bottom_left) |
| `right_40` | [right-40](#top_right_bottom_left) |
| `right_44` | [right-44](#top_right_bottom_left) |
| `right_48` | [right-48](#top_right_bottom_left) |
| `right_5` | [right-5](#top_right_bottom_left) |
| `right_52` | [right-52](#top_right_bottom_left) |
| `right_56` | [right-56](#top_right_bottom_left) |
| `right_6` | [right-6](#top_right_bottom_left) |
| `right_60` | [right-60](#top_right_bottom_left) |
| `right_64` | [right-64](#top_right_bottom_left) |
| `right_7` | [right-7](#top_right_bottom_left) |
| `right_72` | [right-72](#top_right_bottom_left) |
| `right_8` | [right-8](#top_right_bottom_left) |
| `right_80` | [right-80](#top_right_bottom_left) |
| `right_9` | [right-9](#top_right_bottom_left) |
| `right_96` | [right-96](#top_right_bottom_left) |
| `right_auto` | [right-auto](#top_right_bottom_left) |
| `right_full` | [right-full](#top_right_bottom_left) |
| `right_px` | [right-px](#top_right_bottom_left) |
| `start_0` | [start-0](#top_right_bottom_left) |
| `start_0_5` | [start-0.5](#top_right_bottom_left) |
| `start_1` | [start-1](#top_right_bottom_left) |
| `start_10` | [start-10](#top_right_bottom_left) |
| `start_11` | [start-11](#top_right_bottom_left) |
| `start_12` | [start-12](#top_right_bottom_left) |
| `start_14` | [start-14](#top_right_bottom_left) |
| `start_16` | [start-16](#top_right_bottom_left) |
| `start_1_5` | [start-1.5](#top_right_bottom_left) |
| `start_1_on_2` | [start-1/2](#top_right_bottom_left) |
| `start_1_on_3` | [start-1/3](#top_right_bottom_left) |
| `start_1_on_4` | [start-1/4](#top_right_bottom_left) |
| `start_2` | [start-2](#top_right_bottom_left) |
| `start_20` | [start-20](#top_right_bottom_left) |
| `start_24` | [start-24](#top_right_bottom_left) |
| `start_28` | [start-28](#top_right_bottom_left) |
| `start_2_5` | [start-2.5](#top_right_bottom_left) |
| `start_2_on_3` | [start-2/3](#top_right_bottom_left) |
| `start_2_on_4` | [start-2/4](#top_right_bottom_left) |
| `start_3` | [start-3](#top_right_bottom_left) |
| `start_32` | [start-32](#top_right_bottom_left) |
| `start_36` | [start-36](#top_right_bottom_left) |
| `start_3_5` | [start-3.5](#top_right_bottom_left) |
| `start_3_on_4` | [start-3/4](#top_right_bottom_left) |
| `start_4` | [start-4](#top_right_bottom_left) |
| `start_40` | [start-40](#top_right_bottom_left) |
| `start_44` | [start-44](#top_right_bottom_left) |
| `start_48` | [start-48](#top_right_bottom_left) |
| `start_5` | [start-5](#top_right_bottom_left) |
| `start_52` | [start-52](#top_right_bottom_left) |
| `start_56` | [start-56](#top_right_bottom_left) |
| `start_6` | [start-6](#top_right_bottom_left) |
| `start_60` | [start-60](#top_right_bottom_left) |
| `start_64` | [start-64](#top_right_bottom_left) |
| `start_7` | [start-7](#top_right_bottom_left) |
| `start_72` | [start-72](#top_right_bottom_left) |
| `start_8` | [start-8](#top_right_bottom_left) |
| `start_80` | [start-80](#top_right_bottom_left) |
| `start_9` | [start-9](#top_right_bottom_left) |
| `start_96` | [start-96](#top_right_bottom_left) |
| `start_auto` | [start-auto](#top_right_bottom_left) |
| `start_full` | [start-full](#top_right_bottom_left) |
| `start_px` | [start-px](#top_right_bottom_left) |
| `top_0` | [top-0](#top_right_bottom_left) |
| `top_0_5` | [top-0.5](#top_right_bottom_left) |
| `top_1` | [top-1](#top_right_bottom_left) |
| `top_10` | [top-10](#top_right_bottom_left) |
| `top_11` | [top-11](#top_right_bottom_left) |
| `top_12` | [top-12](#top_right_bottom_left) |
| `top_14` | [top-14](#top_right_bottom_left) |
| `top_16` | [top-16](#top_right_bottom_left) |
| `top_1_5` | [top-1.5](#top_right_bottom_left) |
| `top_1_on_2` | [top-1/2](#top_right_bottom_left) |
| `top_1_on_3` | [top-1/3](#top_right_bottom_left) |
| `top_1_on_4` | [top-1/4](#top_right_bottom_left) |
| `top_2` | [top-2](#top_right_bottom_left) |
| `top_20` | [top-20](#top_right_bottom_left) |
| `top_24` | [top-24](#top_right_bottom_left) |
| `top_28` | [top-28](#top_right_bottom_left) |
| `top_2_5` | [top-2.5](#top_right_bottom_left) |
| `top_2_on_3` | [top-2/3](#top_right_bottom_left) |
| `top_2_on_4` | [top-2/4](#top_right_bottom_left) |
| `top_3` | [top-3](#top_right_bottom_left) |
| `top_32` | [top-32](#top_right_bottom_left) |
| `top_36` | [top-36](#top_right_bottom_left) |
| `top_3_5` | [top-3.5](#top_right_bottom_left) |
| `top_3_on_4` | [top-3/4](#top_right_bottom_left) |
| `top_4` | [top-4](#top_right_bottom_left) |
| `top_40` | [top-40](#top_right_bottom_left) |
| `top_44` | [top-44](#top_right_bottom_left) |
| `top_48` | [top-48](#top_right_bottom_left) |
| `top_5` | [top-5](#top_right_bottom_left) |
| `top_52` | [top-52](#top_right_bottom_left) |
| `top_56` | [top-56](#top_right_bottom_left) |
| `top_6` | [top-6](#top_right_bottom_left) |
| `top_60` | [top-60](#top_right_bottom_left) |
| `top_64` | [top-64](#top_right_bottom_left) |
| `top_7` | [top-7](#top_right_bottom_left) |
| `top_72` | [top-72](#top_right_bottom_left) |
| `top_8` | [top-8](#top_right_bottom_left) |
| `top_80` | [top-80](#top_right_bottom_left) |
| `top_9` | [top-9](#top_right_bottom_left) |
| `top_96` | [top-96](#top_right_bottom_left) |
| `top_auto` | [top-auto](#top_right_bottom_left) |
| `top_full` | [top-full](#top_right_bottom_left) |
| `top_px` | [top-px](#top_right_bottom_left) |



### Arbitraries

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `bottom_arbitrary`, `bottom_arb` | [bottom-[…]](#https://tailwindcss.com/docs/top-right-bottom-left#arbitrary-values) |
| `end_arbitrary`, `end_arb` | [end-[…]](#https://tailwindcss.com/docs/top-right-bottom-left#arbitrary-values) |
| `inset_arbitrary`, `inset_arb` | [inset-[…]](#https://tailwindcss.com/docs/top-right-bottom-left#arbitrary-values) |
| `inset_x_arbitrary`, `inset_x_arb` | [inset-x-[…]](#https://tailwindcss.com/docs/top-right-bottom-left#arbitrary-values) |
| `inset_y_arbitrary`, `inset_y_arb` | [inset-y-[…]](#https://tailwindcss.com/docs/top-right-bottom-left#arbitrary-values) |
| `left_arbitrary`, `left_arb` | [left-[…]](#https://tailwindcss.com/docs/top-right-bottom-left#arbitrary-values) |
| `right_arbitrary`, `right_arb` | [right-[…]](#https://tailwindcss.com/docs/top-right-bottom-left#arbitrary-values) |
| `start_arbitrary`, `start_arb` | [start-[…]](#https://tailwindcss.com/docs/top-right-bottom-left#arbitrary-values) |
| `top_arbitrary`, `top_arb` | [top-[…]](#https://tailwindcss.com/docs/top-right-bottom-left#arbitrary-values) |



## Visibility

Utilities for controlling the visibility of an element.

### Group

| TailwindJS token |
| ----- |
| `visibility_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `collapse` | [collapse](#visibility) |
| `invisible` | [invisible](#visibility) |
| `visible` | [visible](#visibility) |





## Z-Index

Utilities for controlling the stack order of an element.

### Group

| TailwindJS token |
| ----- |
| `z_index_utilities` |


### Utilities

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `z_0` | [z-0](#z_index) |
| `z_10` | [z-10](#z_index) |
| `z_20` | [z-20](#z_index) |
| `z_30` | [z-30](#z_index) |
| `z_40` | [z-40](#z_index) |
| `z_50` | [z-50](#z_index) |
| `z_auto` | [z-auto](#z_index) |



### Arbitraries

| TailwindJS token | TailwindCSS token |
| ----- | ----- |
| `z_arbitrary`, `z_arb` | [z-[…]](#https://tailwindcss.com/docs/z-index#arbitrary-values) |