# Interactivity - [Accent Color](#accent-color) - [Appearance](#appearance) - [Caret Color](#caret-color) - [Cursor](#cursor) - [Pointer Events](#pointer-events) - [Resize](#resize) - [Scroll Behavior](#scroll-behavior) - [Scroll Margin](#scroll-margin) - [Scroll Padding](#scroll-padding) - [Scroll Snap Align](#scroll-snap-align) - [Scroll Snap Stop](#scroll-snap-stop) - [Scroll Snap Type](#scroll-snap-type) - [Touch Action](#touch-action) - [User Select](#user-select) - [Will Change](#will-change) ----- ## Accent Color Utilities for controlling the accented color of a form control. ### Group | TailwindJS token | | ----- | | `accent_color_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `accent_amber_100` | [accent-amber-100](#accent_color) | | `accent_amber_200` | [accent-amber-200](#accent_color) | | `accent_amber_300` | [accent-amber-300](#accent_color) | | `accent_amber_400` | [accent-amber-400](#accent_color) | | `accent_amber_50` | [accent-amber-50](#accent_color) | | `accent_amber_500` | [accent-amber-500](#accent_color) | | `accent_amber_600` | [accent-amber-600](#accent_color) | | `accent_amber_700` | [accent-amber-700](#accent_color) | | `accent_amber_800` | [accent-amber-800](#accent_color) | | `accent_amber_900` | [accent-amber-900](#accent_color) | | `accent_amber_950` | [accent-amber-950](#accent_color) | | `accent_auto` | [accent-auto](#accent_color) | | `accent_black` | [accent-black](#accent_color) | | `accent_blue_100` | [accent-blue-100](#accent_color) | | `accent_blue_200` | [accent-blue-200](#accent_color) | | `accent_blue_300` | [accent-blue-300](#accent_color) | | `accent_blue_400` | [accent-blue-400](#accent_color) | | `accent_blue_50` | [accent-blue-50](#accent_color) | | `accent_blue_500` | [accent-blue-500](#accent_color) | | `accent_blue_600` | [accent-blue-600](#accent_color) | | `accent_blue_700` | [accent-blue-700](#accent_color) | | `accent_blue_800` | [accent-blue-800](#accent_color) | | `accent_blue_900` | [accent-blue-900](#accent_color) | | `accent_blue_950` | [accent-blue-950](#accent_color) | | `accent_current` | [accent-current](#accent_color) | | `accent_cyan_100` | [accent-cyan-100](#accent_color) | | `accent_cyan_200` | [accent-cyan-200](#accent_color) | | `accent_cyan_300` | [accent-cyan-300](#accent_color) | | `accent_cyan_400` | [accent-cyan-400](#accent_color) | | `accent_cyan_50` | [accent-cyan-50](#accent_color) | | `accent_cyan_500` | [accent-cyan-500](#accent_color) | | `accent_cyan_600` | [accent-cyan-600](#accent_color) | | `accent_cyan_700` | [accent-cyan-700](#accent_color) | | `accent_cyan_800` | [accent-cyan-800](#accent_color) | | `accent_cyan_900` | [accent-cyan-900](#accent_color) | | `accent_cyan_950` | [accent-cyan-950](#accent_color) | | `accent_emerald_100` | [accent-emerald-100](#accent_color) | | `accent_emerald_200` | [accent-emerald-200](#accent_color) | | `accent_emerald_300` | [accent-emerald-300](#accent_color) | | `accent_emerald_400` | [accent-emerald-400](#accent_color) | | `accent_emerald_50` | [accent-emerald-50](#accent_color) | | `accent_emerald_500` | [accent-emerald-500](#accent_color) | | `accent_emerald_600` | [accent-emerald-600](#accent_color) | | `accent_emerald_700` | [accent-emerald-700](#accent_color) | | `accent_emerald_800` | [accent-emerald-800](#accent_color) | | `accent_emerald_900` | [accent-emerald-900](#accent_color) | | `accent_emerald_950` | [accent-emerald-950](#accent_color) | | `accent_fuchsia_100` | [accent-fuchsia-100](#accent_color) | | `accent_fuchsia_200` | [accent-fuchsia-200](#accent_color) | | `accent_fuchsia_300` | [accent-fuchsia-300](#accent_color) | | `accent_fuchsia_400` | [accent-fuchsia-400](#accent_color) | | `accent_fuchsia_50` | [accent-fuchsia-50](#accent_color) | | `accent_fuchsia_500` | [accent-fuchsia-500](#accent_color) | | `accent_fuchsia_600` | [accent-fuchsia-600](#accent_color) | | `accent_fuchsia_700` | [accent-fuchsia-700](#accent_color) | | `accent_fuchsia_800` | [accent-fuchsia-800](#accent_color) | | `accent_fuchsia_900` | [accent-fuchsia-900](#accent_color) | | `accent_fuchsia_950` | [accent-fuchsia-950](#accent_color) | | `accent_gray_100` | [accent-gray-100](#accent_color) | | `accent_gray_200` | [accent-gray-200](#accent_color) | | `accent_gray_300` | [accent-gray-300](#accent_color) | | `accent_gray_400` | [accent-gray-400](#accent_color) | | `accent_gray_50` | [accent-gray-50](#accent_color) | | `accent_gray_500` | [accent-gray-500](#accent_color) | | `accent_gray_600` | [accent-gray-600](#accent_color) | | `accent_gray_700` | [accent-gray-700](#accent_color) | | `accent_gray_800` | [accent-gray-800](#accent_color) | | `accent_gray_900` | [accent-gray-900](#accent_color) | | `accent_gray_950` | [accent-gray-950](#accent_color) | | `accent_green_100` | [accent-green-100](#accent_color) | | `accent_green_200` | [accent-green-200](#accent_color) | | `accent_green_300` | [accent-green-300](#accent_color) | | `accent_green_400` | [accent-green-400](#accent_color) | | `accent_green_50` | [accent-green-50](#accent_color) | | `accent_green_500` | [accent-green-500](#accent_color) | | `accent_green_600` | [accent-green-600](#accent_color) | | `accent_green_700` | [accent-green-700](#accent_color) | | `accent_green_800` | [accent-green-800](#accent_color) | | `accent_green_900` | [accent-green-900](#accent_color) | | `accent_green_950` | [accent-green-950](#accent_color) | | `accent_indigo_100` | [accent-indigo-100](#accent_color) | | `accent_indigo_200` | [accent-indigo-200](#accent_color) | | `accent_indigo_300` | [accent-indigo-300](#accent_color) | | `accent_indigo_400` | [accent-indigo-400](#accent_color) | | `accent_indigo_50` | [accent-indigo-50](#accent_color) | | `accent_indigo_500` | [accent-indigo-500](#accent_color) | | `accent_indigo_600` | [accent-indigo-600](#accent_color) | | `accent_indigo_700` | [accent-indigo-700](#accent_color) | | `accent_indigo_800` | [accent-indigo-800](#accent_color) | | `accent_indigo_900` | [accent-indigo-900](#accent_color) | | `accent_indigo_950` | [accent-indigo-950](#accent_color) | | `accent_inherit` | [accent-inherit](#accent_color) | | `accent_lime_100` | [accent-lime-100](#accent_color) | | `accent_lime_200` | [accent-lime-200](#accent_color) | | `accent_lime_300` | [accent-lime-300](#accent_color) | | `accent_lime_400` | [accent-lime-400](#accent_color) | | `accent_lime_50` | [accent-lime-50](#accent_color) | | `accent_lime_500` | [accent-lime-500](#accent_color) | | `accent_lime_600` | [accent-lime-600](#accent_color) | | `accent_lime_700` | [accent-lime-700](#accent_color) | | `accent_lime_800` | [accent-lime-800](#accent_color) | | `accent_lime_900` | [accent-lime-900](#accent_color) | | `accent_lime_950` | [accent-lime-950](#accent_color) | | `accent_neutral_100` | [accent-neutral-100](#accent_color) | | `accent_neutral_200` | [accent-neutral-200](#accent_color) | | `accent_neutral_300` | [accent-neutral-300](#accent_color) | | `accent_neutral_400` | [accent-neutral-400](#accent_color) | | `accent_neutral_50` | [accent-neutral-50](#accent_color) | | `accent_neutral_500` | [accent-neutral-500](#accent_color) | | `accent_neutral_600` | [accent-neutral-600](#accent_color) | | `accent_neutral_700` | [accent-neutral-700](#accent_color) | | `accent_neutral_800` | [accent-neutral-800](#accent_color) | | `accent_neutral_900` | [accent-neutral-900](#accent_color) | | `accent_neutral_950` | [accent-neutral-950](#accent_color) | | `accent_orange_100` | [accent-orange-100](#accent_color) | | `accent_orange_200` | [accent-orange-200](#accent_color) | | `accent_orange_300` | [accent-orange-300](#accent_color) | | `accent_orange_400` | [accent-orange-400](#accent_color) | | `accent_orange_50` | [accent-orange-50](#accent_color) | | `accent_orange_500` | [accent-orange-500](#accent_color) | | `accent_orange_600` | [accent-orange-600](#accent_color) | | `accent_orange_700` | [accent-orange-700](#accent_color) | | `accent_orange_800` | [accent-orange-800](#accent_color) | | `accent_orange_900` | [accent-orange-900](#accent_color) | | `accent_orange_950` | [accent-orange-950](#accent_color) | | `accent_pink_100` | [accent-pink-100](#accent_color) | | `accent_pink_200` | [accent-pink-200](#accent_color) | | `accent_pink_300` | [accent-pink-300](#accent_color) | | `accent_pink_400` | [accent-pink-400](#accent_color) | | `accent_pink_50` | [accent-pink-50](#accent_color) | | `accent_pink_500` | [accent-pink-500](#accent_color) | | `accent_pink_600` | [accent-pink-600](#accent_color) | | `accent_pink_700` | [accent-pink-700](#accent_color) | | `accent_pink_800` | [accent-pink-800](#accent_color) | | `accent_pink_900` | [accent-pink-900](#accent_color) | | `accent_pink_950` | [accent-pink-950](#accent_color) | | `accent_purple_100` | [accent-purple-100](#accent_color) | | `accent_purple_200` | [accent-purple-200](#accent_color) | | `accent_purple_300` | [accent-purple-300](#accent_color) | | `accent_purple_400` | [accent-purple-400](#accent_color) | | `accent_purple_50` | [accent-purple-50](#accent_color) | | `accent_purple_500` | [accent-purple-500](#accent_color) | | `accent_purple_600` | [accent-purple-600](#accent_color) | | `accent_purple_700` | [accent-purple-700](#accent_color) | | `accent_purple_800` | [accent-purple-800](#accent_color) | | `accent_purple_900` | [accent-purple-900](#accent_color) | | `accent_purple_950` | [accent-purple-950](#accent_color) | | `accent_red_100` | [accent-red-100](#accent_color) | | `accent_red_200` | [accent-red-200](#accent_color) | | `accent_red_300` | [accent-red-300](#accent_color) | | `accent_red_400` | [accent-red-400](#accent_color) | | `accent_red_50` | [accent-red-50](#accent_color) | | `accent_red_500` | [accent-red-500](#accent_color) | | `accent_red_600` | [accent-red-600](#accent_color) | | `accent_red_700` | [accent-red-700](#accent_color) | | `accent_red_800` | [accent-red-800](#accent_color) | | `accent_red_900` | [accent-red-900](#accent_color) | | `accent_red_950` | [accent-red-950](#accent_color) | | `accent_rose_100` | [accent-rose-100](#accent_color) | | `accent_rose_200` | [accent-rose-200](#accent_color) | | `accent_rose_300` | [accent-rose-300](#accent_color) | | `accent_rose_400` | [accent-rose-400](#accent_color) | | `accent_rose_50` | [accent-rose-50](#accent_color) | | `accent_rose_500` | [accent-rose-500](#accent_color) | | `accent_rose_600` | [accent-rose-600](#accent_color) | | `accent_rose_700` | [accent-rose-700](#accent_color) | | `accent_rose_800` | [accent-rose-800](#accent_color) | | `accent_rose_900` | [accent-rose-900](#accent_color) | | `accent_rose_950` | [accent-rose-950](#accent_color) | | `accent_sky_100` | [accent-sky-100](#accent_color) | | `accent_sky_200` | [accent-sky-200](#accent_color) | | `accent_sky_300` | [accent-sky-300](#accent_color) | | `accent_sky_400` | [accent-sky-400](#accent_color) | | `accent_sky_50` | [accent-sky-50](#accent_color) | | `accent_sky_500` | [accent-sky-500](#accent_color) | | `accent_sky_600` | [accent-sky-600](#accent_color) | | `accent_sky_700` | [accent-sky-700](#accent_color) | | `accent_sky_800` | [accent-sky-800](#accent_color) | | `accent_sky_900` | [accent-sky-900](#accent_color) | | `accent_sky_950` | [accent-sky-950](#accent_color) | | `accent_slate_100` | [accent-slate-100](#accent_color) | | `accent_slate_200` | [accent-slate-200](#accent_color) | | `accent_slate_300` | [accent-slate-300](#accent_color) | | `accent_slate_400` | [accent-slate-400](#accent_color) | | `accent_slate_50` | [accent-slate-50](#accent_color) | | `accent_slate_500` | [accent-slate-500](#accent_color) | | `accent_slate_600` | [accent-slate-600](#accent_color) | | `accent_slate_700` | [accent-slate-700](#accent_color) | | `accent_slate_800` | [accent-slate-800](#accent_color) | | `accent_slate_900` | [accent-slate-900](#accent_color) | | `accent_slate_950` | [accent-slate-950](#accent_color) | | `accent_stone_100` | [accent-stone-100](#accent_color) | | `accent_stone_200` | [accent-stone-200](#accent_color) | | `accent_stone_300` | [accent-stone-300](#accent_color) | | `accent_stone_400` | [accent-stone-400](#accent_color) | | `accent_stone_50` | [accent-stone-50](#accent_color) | | `accent_stone_500` | [accent-stone-500](#accent_color) | | `accent_stone_600` | [accent-stone-600](#accent_color) | | `accent_stone_700` | [accent-stone-700](#accent_color) | | `accent_stone_800` | [accent-stone-800](#accent_color) | | `accent_stone_900` | [accent-stone-900](#accent_color) | | `accent_stone_950` | [accent-stone-950](#accent_color) | | `accent_teal_100` | [accent-teal-100](#accent_color) | | `accent_teal_200` | [accent-teal-200](#accent_color) | | `accent_teal_300` | [accent-teal-300](#accent_color) | | `accent_teal_400` | [accent-teal-400](#accent_color) | | `accent_teal_50` | [accent-teal-50](#accent_color) | | `accent_teal_500` | [accent-teal-500](#accent_color) | | `accent_teal_600` | [accent-teal-600](#accent_color) | | `accent_teal_700` | [accent-teal-700](#accent_color) | | `accent_teal_800` | [accent-teal-800](#accent_color) | | `accent_teal_900` | [accent-teal-900](#accent_color) | | `accent_teal_950` | [accent-teal-950](#accent_color) | | `accent_transparent` | [accent-transparent](#accent_color) | | `accent_violet_100` | [accent-violet-100](#accent_color) | | `accent_violet_200` | [accent-violet-200](#accent_color) | | `accent_violet_300` | [accent-violet-300](#accent_color) | | `accent_violet_400` | [accent-violet-400](#accent_color) | | `accent_violet_50` | [accent-violet-50](#accent_color) | | `accent_violet_500` | [accent-violet-500](#accent_color) | | `accent_violet_600` | [accent-violet-600](#accent_color) | | `accent_violet_700` | [accent-violet-700](#accent_color) | | `accent_violet_800` | [accent-violet-800](#accent_color) | | `accent_violet_900` | [accent-violet-900](#accent_color) | | `accent_violet_950` | [accent-violet-950](#accent_color) | | `accent_white` | [accent-white](#accent_color) | | `accent_yellow_100` | [accent-yellow-100](#accent_color) | | `accent_yellow_200` | [accent-yellow-200](#accent_color) | | `accent_yellow_300` | [accent-yellow-300](#accent_color) | | `accent_yellow_400` | [accent-yellow-400](#accent_color) | | `accent_yellow_50` | [accent-yellow-50](#accent_color) | | `accent_yellow_500` | [accent-yellow-500](#accent_color) | | `accent_yellow_600` | [accent-yellow-600](#accent_color) | | `accent_yellow_700` | [accent-yellow-700](#accent_color) | | `accent_yellow_800` | [accent-yellow-800](#accent_color) | | `accent_yellow_900` | [accent-yellow-900](#accent_color) | | `accent_yellow_950` | [accent-yellow-950](#accent_color) | | `accent_zinc_100` | [accent-zinc-100](#accent_color) | | `accent_zinc_200` | [accent-zinc-200](#accent_color) | | `accent_zinc_300` | [accent-zinc-300](#accent_color) | | `accent_zinc_400` | [accent-zinc-400](#accent_color) | | `accent_zinc_50` | [accent-zinc-50](#accent_color) | | `accent_zinc_500` | [accent-zinc-500](#accent_color) | | `accent_zinc_600` | [accent-zinc-600](#accent_color) | | `accent_zinc_700` | [accent-zinc-700](#accent_color) | | `accent_zinc_800` | [accent-zinc-800](#accent_color) | | `accent_zinc_900` | [accent-zinc-900](#accent_color) | | `accent_zinc_950` | [accent-zinc-950](#accent_color) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `accent_arbitrary`, `accent_arb` | [accent-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_amber_arbitrary`, `accent_amber_arb` | [accent-amber-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_blue_arbitrary`, `accent_blue_arb` | [accent-blue-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_cyan_arbitrary`, `accent_cyan_arb` | [accent-cyan-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_emerald_arbitrary`, `accent_emerald_arb` | [accent-emerald-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_fuchsia_arbitrary`, `accent_fuchsia_arb` | [accent-fuchsia-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_gray_arbitrary`, `accent_gray_arb` | [accent-gray-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_green_arbitrary`, `accent_green_arb` | [accent-green-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_indigo_arbitrary`, `accent_indigo_arb` | [accent-indigo-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_lime_arbitrary`, `accent_lime_arb` | [accent-lime-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_neutral_arbitrary`, `accent_neutral_arb` | [accent-neutral-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_orange_arbitrary`, `accent_orange_arb` | [accent-orange-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_pink_arbitrary`, `accent_pink_arb` | [accent-pink-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_purple_arbitrary`, `accent_purple_arb` | [accent-purple-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_red_arbitrary`, `accent_red_arb` | [accent-red-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_rose_arbitrary`, `accent_rose_arb` | [accent-rose-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_sky_arbitrary`, `accent_sky_arb` | [accent-sky-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_slate_arbitrary`, `accent_slate_arb` | [accent-slate-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_stone_arbitrary`, `accent_stone_arb` | [accent-stone-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_teal_arbitrary`, `accent_teal_arb` | [accent-teal-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_violet_arbitrary`, `accent_violet_arb` | [accent-violet-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_yellow_arbitrary`, `accent_yellow_arb` | [accent-yellow-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | | `accent_zinc_arbitrary`, `accent_zinc_arb` | [accent-zinc-[…]](#https://tailwindcss.com/docs/accent-color#arbitrary-values) | ## Appearance Utilities for suppressing native form control styling. ### Group | TailwindJS token | | ----- | | `appearance_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `appearance_auto` | [appearance-auto](#appearance) | | `appearance_none` | [appearance-none](#appearance) | ## Caret Color Utilities for controlling the color of the text input cursor. ### Group | TailwindJS token | | ----- | | `caret_color_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `caret_amber_100` | [caret-amber-100](#caret_color) | | `caret_amber_200` | [caret-amber-200](#caret_color) | | `caret_amber_300` | [caret-amber-300](#caret_color) | | `caret_amber_400` | [caret-amber-400](#caret_color) | | `caret_amber_50` | [caret-amber-50](#caret_color) | | `caret_amber_500` | [caret-amber-500](#caret_color) | | `caret_amber_600` | [caret-amber-600](#caret_color) | | `caret_amber_700` | [caret-amber-700](#caret_color) | | `caret_amber_800` | [caret-amber-800](#caret_color) | | `caret_amber_900` | [caret-amber-900](#caret_color) | | `caret_amber_950` | [caret-amber-950](#caret_color) | | `caret_black` | [caret-black](#caret_color) | | `caret_blue_100` | [caret-blue-100](#caret_color) | | `caret_blue_200` | [caret-blue-200](#caret_color) | | `caret_blue_300` | [caret-blue-300](#caret_color) | | `caret_blue_400` | [caret-blue-400](#caret_color) | | `caret_blue_50` | [caret-blue-50](#caret_color) | | `caret_blue_500` | [caret-blue-500](#caret_color) | | `caret_blue_600` | [caret-blue-600](#caret_color) | | `caret_blue_700` | [caret-blue-700](#caret_color) | | `caret_blue_800` | [caret-blue-800](#caret_color) | | `caret_blue_900` | [caret-blue-900](#caret_color) | | `caret_blue_950` | [caret-blue-950](#caret_color) | | `caret_current` | [caret-current](#caret_color) | | `caret_cyan_100` | [caret-cyan-100](#caret_color) | | `caret_cyan_200` | [caret-cyan-200](#caret_color) | | `caret_cyan_300` | [caret-cyan-300](#caret_color) | | `caret_cyan_400` | [caret-cyan-400](#caret_color) | | `caret_cyan_50` | [caret-cyan-50](#caret_color) | | `caret_cyan_500` | [caret-cyan-500](#caret_color) | | `caret_cyan_600` | [caret-cyan-600](#caret_color) | | `caret_cyan_700` | [caret-cyan-700](#caret_color) | | `caret_cyan_800` | [caret-cyan-800](#caret_color) | | `caret_cyan_900` | [caret-cyan-900](#caret_color) | | `caret_cyan_950` | [caret-cyan-950](#caret_color) | | `caret_emerald_100` | [caret-emerald-100](#caret_color) | | `caret_emerald_200` | [caret-emerald-200](#caret_color) | | `caret_emerald_300` | [caret-emerald-300](#caret_color) | | `caret_emerald_400` | [caret-emerald-400](#caret_color) | | `caret_emerald_50` | [caret-emerald-50](#caret_color) | | `caret_emerald_500` | [caret-emerald-500](#caret_color) | | `caret_emerald_600` | [caret-emerald-600](#caret_color) | | `caret_emerald_700` | [caret-emerald-700](#caret_color) | | `caret_emerald_800` | [caret-emerald-800](#caret_color) | | `caret_emerald_900` | [caret-emerald-900](#caret_color) | | `caret_emerald_950` | [caret-emerald-950](#caret_color) | | `caret_fuchsia_100` | [caret-fuchsia-100](#caret_color) | | `caret_fuchsia_200` | [caret-fuchsia-200](#caret_color) | | `caret_fuchsia_300` | [caret-fuchsia-300](#caret_color) | | `caret_fuchsia_400` | [caret-fuchsia-400](#caret_color) | | `caret_fuchsia_50` | [caret-fuchsia-50](#caret_color) | | `caret_fuchsia_500` | [caret-fuchsia-500](#caret_color) | | `caret_fuchsia_600` | [caret-fuchsia-600](#caret_color) | | `caret_fuchsia_700` | [caret-fuchsia-700](#caret_color) | | `caret_fuchsia_800` | [caret-fuchsia-800](#caret_color) | | `caret_fuchsia_900` | [caret-fuchsia-900](#caret_color) | | `caret_fuchsia_950` | [caret-fuchsia-950](#caret_color) | | `caret_gray_100` | [caret-gray-100](#caret_color) | | `caret_gray_200` | [caret-gray-200](#caret_color) | | `caret_gray_300` | [caret-gray-300](#caret_color) | | `caret_gray_400` | [caret-gray-400](#caret_color) | | `caret_gray_50` | [caret-gray-50](#caret_color) | | `caret_gray_500` | [caret-gray-500](#caret_color) | | `caret_gray_600` | [caret-gray-600](#caret_color) | | `caret_gray_700` | [caret-gray-700](#caret_color) | | `caret_gray_800` | [caret-gray-800](#caret_color) | | `caret_gray_900` | [caret-gray-900](#caret_color) | | `caret_gray_950` | [caret-gray-950](#caret_color) | | `caret_green_100` | [caret-green-100](#caret_color) | | `caret_green_200` | [caret-green-200](#caret_color) | | `caret_green_300` | [caret-green-300](#caret_color) | | `caret_green_400` | [caret-green-400](#caret_color) | | `caret_green_50` | [caret-green-50](#caret_color) | | `caret_green_500` | [caret-green-500](#caret_color) | | `caret_green_600` | [caret-green-600](#caret_color) | | `caret_green_700` | [caret-green-700](#caret_color) | | `caret_green_800` | [caret-green-800](#caret_color) | | `caret_green_900` | [caret-green-900](#caret_color) | | `caret_green_950` | [caret-green-950](#caret_color) | | `caret_indigo_100` | [caret-indigo-100](#caret_color) | | `caret_indigo_200` | [caret-indigo-200](#caret_color) | | `caret_indigo_300` | [caret-indigo-300](#caret_color) | | `caret_indigo_400` | [caret-indigo-400](#caret_color) | | `caret_indigo_50` | [caret-indigo-50](#caret_color) | | `caret_indigo_500` | [caret-indigo-500](#caret_color) | | `caret_indigo_600` | [caret-indigo-600](#caret_color) | | `caret_indigo_700` | [caret-indigo-700](#caret_color) | | `caret_indigo_800` | [caret-indigo-800](#caret_color) | | `caret_indigo_900` | [caret-indigo-900](#caret_color) | | `caret_indigo_950` | [caret-indigo-950](#caret_color) | | `caret_inherit` | [caret-inherit](#caret_color) | | `caret_lime_100` | [caret-lime-100](#caret_color) | | `caret_lime_200` | [caret-lime-200](#caret_color) | | `caret_lime_300` | [caret-lime-300](#caret_color) | | `caret_lime_400` | [caret-lime-400](#caret_color) | | `caret_lime_50` | [caret-lime-50](#caret_color) | | `caret_lime_500` | [caret-lime-500](#caret_color) | | `caret_lime_600` | [caret-lime-600](#caret_color) | | `caret_lime_700` | [caret-lime-700](#caret_color) | | `caret_lime_800` | [caret-lime-800](#caret_color) | | `caret_lime_900` | [caret-lime-900](#caret_color) | | `caret_lime_950` | [caret-lime-950](#caret_color) | | `caret_neutral_100` | [caret-neutral-100](#caret_color) | | `caret_neutral_200` | [caret-neutral-200](#caret_color) | | `caret_neutral_300` | [caret-neutral-300](#caret_color) | | `caret_neutral_400` | [caret-neutral-400](#caret_color) | | `caret_neutral_50` | [caret-neutral-50](#caret_color) | | `caret_neutral_500` | [caret-neutral-500](#caret_color) | | `caret_neutral_600` | [caret-neutral-600](#caret_color) | | `caret_neutral_700` | [caret-neutral-700](#caret_color) | | `caret_neutral_800` | [caret-neutral-800](#caret_color) | | `caret_neutral_900` | [caret-neutral-900](#caret_color) | | `caret_neutral_950` | [caret-neutral-950](#caret_color) | | `caret_orange_100` | [caret-orange-100](#caret_color) | | `caret_orange_200` | [caret-orange-200](#caret_color) | | `caret_orange_300` | [caret-orange-300](#caret_color) | | `caret_orange_400` | [caret-orange-400](#caret_color) | | `caret_orange_50` | [caret-orange-50](#caret_color) | | `caret_orange_500` | [caret-orange-500](#caret_color) | | `caret_orange_600` | [caret-orange-600](#caret_color) | | `caret_orange_700` | [caret-orange-700](#caret_color) | | `caret_orange_800` | [caret-orange-800](#caret_color) | | `caret_orange_900` | [caret-orange-900](#caret_color) | | `caret_orange_950` | [caret-orange-950](#caret_color) | | `caret_pink_100` | [caret-pink-100](#caret_color) | | `caret_pink_200` | [caret-pink-200](#caret_color) | | `caret_pink_300` | [caret-pink-300](#caret_color) | | `caret_pink_400` | [caret-pink-400](#caret_color) | | `caret_pink_50` | [caret-pink-50](#caret_color) | | `caret_pink_500` | [caret-pink-500](#caret_color) | | `caret_pink_600` | [caret-pink-600](#caret_color) | | `caret_pink_700` | [caret-pink-700](#caret_color) | | `caret_pink_800` | [caret-pink-800](#caret_color) | | `caret_pink_900` | [caret-pink-900](#caret_color) | | `caret_pink_950` | [caret-pink-950](#caret_color) | | `caret_purple_100` | [caret-purple-100](#caret_color) | | `caret_purple_200` | [caret-purple-200](#caret_color) | | `caret_purple_300` | [caret-purple-300](#caret_color) | | `caret_purple_400` | [caret-purple-400](#caret_color) | | `caret_purple_50` | [caret-purple-50](#caret_color) | | `caret_purple_500` | [caret-purple-500](#caret_color) | | `caret_purple_600` | [caret-purple-600](#caret_color) | | `caret_purple_700` | [caret-purple-700](#caret_color) | | `caret_purple_800` | [caret-purple-800](#caret_color) | | `caret_purple_900` | [caret-purple-900](#caret_color) | | `caret_purple_950` | [caret-purple-950](#caret_color) | | `caret_red_100` | [caret-red-100](#caret_color) | | `caret_red_200` | [caret-red-200](#caret_color) | | `caret_red_300` | [caret-red-300](#caret_color) | | `caret_red_400` | [caret-red-400](#caret_color) | | `caret_red_50` | [caret-red-50](#caret_color) | | `caret_red_500` | [caret-red-500](#caret_color) | | `caret_red_600` | [caret-red-600](#caret_color) | | `caret_red_700` | [caret-red-700](#caret_color) | | `caret_red_800` | [caret-red-800](#caret_color) | | `caret_red_900` | [caret-red-900](#caret_color) | | `caret_red_950` | [caret-red-950](#caret_color) | | `caret_rose_100` | [caret-rose-100](#caret_color) | | `caret_rose_200` | [caret-rose-200](#caret_color) | | `caret_rose_300` | [caret-rose-300](#caret_color) | | `caret_rose_400` | [caret-rose-400](#caret_color) | | `caret_rose_50` | [caret-rose-50](#caret_color) | | `caret_rose_500` | [caret-rose-500](#caret_color) | | `caret_rose_600` | [caret-rose-600](#caret_color) | | `caret_rose_700` | [caret-rose-700](#caret_color) | | `caret_rose_800` | [caret-rose-800](#caret_color) | | `caret_rose_900` | [caret-rose-900](#caret_color) | | `caret_rose_950` | [caret-rose-950](#caret_color) | | `caret_sky_100` | [caret-sky-100](#caret_color) | | `caret_sky_200` | [caret-sky-200](#caret_color) | | `caret_sky_300` | [caret-sky-300](#caret_color) | | `caret_sky_400` | [caret-sky-400](#caret_color) | | `caret_sky_50` | [caret-sky-50](#caret_color) | | `caret_sky_500` | [caret-sky-500](#caret_color) | | `caret_sky_600` | [caret-sky-600](#caret_color) | | `caret_sky_700` | [caret-sky-700](#caret_color) | | `caret_sky_800` | [caret-sky-800](#caret_color) | | `caret_sky_900` | [caret-sky-900](#caret_color) | | `caret_sky_950` | [caret-sky-950](#caret_color) | | `caret_slate_100` | [caret-slate-100](#caret_color) | | `caret_slate_200` | [caret-slate-200](#caret_color) | | `caret_slate_300` | [caret-slate-300](#caret_color) | | `caret_slate_400` | [caret-slate-400](#caret_color) | | `caret_slate_50` | [caret-slate-50](#caret_color) | | `caret_slate_500` | [caret-slate-500](#caret_color) | | `caret_slate_600` | [caret-slate-600](#caret_color) | | `caret_slate_700` | [caret-slate-700](#caret_color) | | `caret_slate_800` | [caret-slate-800](#caret_color) | | `caret_slate_900` | [caret-slate-900](#caret_color) | | `caret_slate_950` | [caret-slate-950](#caret_color) | | `caret_stone_100` | [caret-stone-100](#caret_color) | | `caret_stone_200` | [caret-stone-200](#caret_color) | | `caret_stone_300` | [caret-stone-300](#caret_color) | | `caret_stone_400` | [caret-stone-400](#caret_color) | | `caret_stone_50` | [caret-stone-50](#caret_color) | | `caret_stone_500` | [caret-stone-500](#caret_color) | | `caret_stone_600` | [caret-stone-600](#caret_color) | | `caret_stone_700` | [caret-stone-700](#caret_color) | | `caret_stone_800` | [caret-stone-800](#caret_color) | | `caret_stone_900` | [caret-stone-900](#caret_color) | | `caret_stone_950` | [caret-stone-950](#caret_color) | | `caret_teal_100` | [caret-teal-100](#caret_color) | | `caret_teal_200` | [caret-teal-200](#caret_color) | | `caret_teal_300` | [caret-teal-300](#caret_color) | | `caret_teal_400` | [caret-teal-400](#caret_color) | | `caret_teal_50` | [caret-teal-50](#caret_color) | | `caret_teal_500` | [caret-teal-500](#caret_color) | | `caret_teal_600` | [caret-teal-600](#caret_color) | | `caret_teal_700` | [caret-teal-700](#caret_color) | | `caret_teal_800` | [caret-teal-800](#caret_color) | | `caret_teal_900` | [caret-teal-900](#caret_color) | | `caret_teal_950` | [caret-teal-950](#caret_color) | | `caret_transparent` | [caret-transparent](#caret_color) | | `caret_violet_100` | [caret-violet-100](#caret_color) | | `caret_violet_200` | [caret-violet-200](#caret_color) | | `caret_violet_300` | [caret-violet-300](#caret_color) | | `caret_violet_400` | [caret-violet-400](#caret_color) | | `caret_violet_50` | [caret-violet-50](#caret_color) | | `caret_violet_500` | [caret-violet-500](#caret_color) | | `caret_violet_600` | [caret-violet-600](#caret_color) | | `caret_violet_700` | [caret-violet-700](#caret_color) | | `caret_violet_800` | [caret-violet-800](#caret_color) | | `caret_violet_900` | [caret-violet-900](#caret_color) | | `caret_violet_950` | [caret-violet-950](#caret_color) | | `caret_white` | [caret-white](#caret_color) | | `caret_yellow_100` | [caret-yellow-100](#caret_color) | | `caret_yellow_200` | [caret-yellow-200](#caret_color) | | `caret_yellow_300` | [caret-yellow-300](#caret_color) | | `caret_yellow_400` | [caret-yellow-400](#caret_color) | | `caret_yellow_50` | [caret-yellow-50](#caret_color) | | `caret_yellow_500` | [caret-yellow-500](#caret_color) | | `caret_yellow_600` | [caret-yellow-600](#caret_color) | | `caret_yellow_700` | [caret-yellow-700](#caret_color) | | `caret_yellow_800` | [caret-yellow-800](#caret_color) | | `caret_yellow_900` | [caret-yellow-900](#caret_color) | | `caret_yellow_950` | [caret-yellow-950](#caret_color) | | `caret_zinc_100` | [caret-zinc-100](#caret_color) | | `caret_zinc_200` | [caret-zinc-200](#caret_color) | | `caret_zinc_300` | [caret-zinc-300](#caret_color) | | `caret_zinc_400` | [caret-zinc-400](#caret_color) | | `caret_zinc_50` | [caret-zinc-50](#caret_color) | | `caret_zinc_500` | [caret-zinc-500](#caret_color) | | `caret_zinc_600` | [caret-zinc-600](#caret_color) | | `caret_zinc_700` | [caret-zinc-700](#caret_color) | | `caret_zinc_800` | [caret-zinc-800](#caret_color) | | `caret_zinc_900` | [caret-zinc-900](#caret_color) | | `caret_zinc_950` | [caret-zinc-950](#caret_color) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `caret_arbitrary`, `caret_arb` | [caret-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_amber_arbitrary`, `caret_amber_arb` | [caret-amber-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_blue_arbitrary`, `caret_blue_arb` | [caret-blue-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_cyan_arbitrary`, `caret_cyan_arb` | [caret-cyan-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_emerald_arbitrary`, `caret_emerald_arb` | [caret-emerald-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_fuchsia_arbitrary`, `caret_fuchsia_arb` | [caret-fuchsia-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_gray_arbitrary`, `caret_gray_arb` | [caret-gray-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_green_arbitrary`, `caret_green_arb` | [caret-green-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_indigo_arbitrary`, `caret_indigo_arb` | [caret-indigo-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_lime_arbitrary`, `caret_lime_arb` | [caret-lime-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_neutral_arbitrary`, `caret_neutral_arb` | [caret-neutral-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_orange_arbitrary`, `caret_orange_arb` | [caret-orange-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_pink_arbitrary`, `caret_pink_arb` | [caret-pink-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_purple_arbitrary`, `caret_purple_arb` | [caret-purple-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_red_arbitrary`, `caret_red_arb` | [caret-red-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_rose_arbitrary`, `caret_rose_arb` | [caret-rose-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_sky_arbitrary`, `caret_sky_arb` | [caret-sky-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_slate_arbitrary`, `caret_slate_arb` | [caret-slate-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_stone_arbitrary`, `caret_stone_arb` | [caret-stone-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_teal_arbitrary`, `caret_teal_arb` | [caret-teal-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_violet_arbitrary`, `caret_violet_arb` | [caret-violet-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_yellow_arbitrary`, `caret_yellow_arb` | [caret-yellow-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | | `caret_zinc_arbitrary`, `caret_zinc_arb` | [caret-zinc-[…]](#https://tailwindcss.com/docs/caret-color#arbitrary-values) | ## Cursor Utilities for controlling the cursor style when hovering over an element. ### Group | TailwindJS token | | ----- | | `cursor_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `cursor_alias` | [cursor-alias](#cursor) | | `cursor_all_scroll` | [cursor-all-scroll](#cursor) | | `cursor_auto` | [cursor-auto](#cursor) | | `cursor_cell` | [cursor-cell](#cursor) | | `cursor_col_resize` | [cursor-col-resize](#cursor) | | `cursor_context_menu` | [cursor-context-menu](#cursor) | | `cursor_copy` | [cursor-copy](#cursor) | | `cursor_crosshair` | [cursor-crosshair](#cursor) | | `cursor_default` | [cursor-default](#cursor) | | `cursor_e_resize` | [cursor-e-resize](#cursor) | | `cursor_ew_resize` | [cursor-ew-resize](#cursor) | | `cursor_grab` | [cursor-grab](#cursor) | | `cursor_grabbing` | [cursor-grabbing](#cursor) | | `cursor_help` | [cursor-help](#cursor) | | `cursor_move` | [cursor-move](#cursor) | | `cursor_n_resize` | [cursor-n-resize](#cursor) | | `cursor_ne_resize` | [cursor-ne-resize](#cursor) | | `cursor_nesw_resize` | [cursor-nesw-resize](#cursor) | | `cursor_no_drop` | [cursor-no-drop](#cursor) | | `cursor_none` | [cursor-none](#cursor) | | `cursor_not_allowed` | [cursor-not-allowed](#cursor) | | `cursor_ns_resize` | [cursor-ns-resize](#cursor) | | `cursor_nw_resize` | [cursor-nw-resize](#cursor) | | `cursor_nwse_resize` | [cursor-nwse-resize](#cursor) | | `cursor_pointer` | [cursor-pointer](#cursor) | | `cursor_progress` | [cursor-progress](#cursor) | | `cursor_row_resize` | [cursor-row-resize](#cursor) | | `cursor_s_resize` | [cursor-s-resize](#cursor) | | `cursor_se_resize` | [cursor-se-resize](#cursor) | | `cursor_sw_resize` | [cursor-sw-resize](#cursor) | | `cursor_text` | [cursor-text](#cursor) | | `cursor_vertical_text` | [cursor-vertical-text](#cursor) | | `cursor_w_resize` | [cursor-w-resize](#cursor) | | `cursor_wait` | [cursor-wait](#cursor) | | `cursor_zoom_in` | [cursor-zoom-in](#cursor) | | `cursor_zoom_out` | [cursor-zoom-out](#cursor) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `cursor_arbitrary`, `cursor_arb` | [cursor-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_all_arbitrary`, `cursor_all_arb` | [cursor-all-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_col_arbitrary`, `cursor_col_arb` | [cursor-col-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_context_arbitrary`, `cursor_context_arb` | [cursor-context-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_e_arbitrary`, `cursor_e_arb` | [cursor-e-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_ew_arbitrary`, `cursor_ew_arb` | [cursor-ew-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_n_arbitrary`, `cursor_n_arb` | [cursor-n-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_ne_arbitrary`, `cursor_ne_arb` | [cursor-ne-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_nesw_arbitrary`, `cursor_nesw_arb` | [cursor-nesw-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_no_arbitrary`, `cursor_no_arb` | [cursor-no-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_not_arbitrary`, `cursor_not_arb` | [cursor-not-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_ns_arbitrary`, `cursor_ns_arb` | [cursor-ns-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_nw_arbitrary`, `cursor_nw_arb` | [cursor-nw-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_nwse_arbitrary`, `cursor_nwse_arb` | [cursor-nwse-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_row_arbitrary`, `cursor_row_arb` | [cursor-row-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_s_arbitrary`, `cursor_s_arb` | [cursor-s-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_se_arbitrary`, `cursor_se_arb` | [cursor-se-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_sw_arbitrary`, `cursor_sw_arb` | [cursor-sw-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_vertical_arbitrary`, `cursor_vertical_arb` | [cursor-vertical-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_w_arbitrary`, `cursor_w_arb` | [cursor-w-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | | `cursor_zoom_arbitrary`, `cursor_zoom_arb` | [cursor-zoom-[…]](#https://tailwindcss.com/docs/cursor#arbitrary-values) | ## Pointer Events Utilities for controlling whether an element responds to pointer events. ### Group | TailwindJS token | | ----- | | `pointer_events_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `pointer_events_auto` | [pointer-events-auto](#pointer_events) | | `pointer_events_none` | [pointer-events-none](#pointer_events) | ## Resize Utilities for controlling how an element can be resized. ### Group | TailwindJS token | | ----- | | `resize_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `resize` | [resize](#resize) | | `resize_none` | [resize-none](#resize) | | `resize_x` | [resize-x](#resize) | | `resize_y` | [resize-y](#resize) | ## Scroll Behavior Utilities for controlling the scroll behavior of an element. ### Group | TailwindJS token | | ----- | | `scroll_behavior_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `scroll_auto` | [scroll-auto](#scroll_behavior) | | `scroll_smooth` | [scroll-smooth](#scroll_behavior) | ## Scroll Margin Utilities for controlling the scroll offset around items in a snap container. ### Group | TailwindJS token | | ----- | | `scroll_margin_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `scroll_m_0` | [scroll-m-0](#scroll_margin) | | `scroll_m_0_5` | [scroll-m-0.5](#scroll_margin) | | `scroll_m_1` | [scroll-m-1](#scroll_margin) | | `scroll_m_10` | [scroll-m-10](#scroll_margin) | | `scroll_m_11` | [scroll-m-11](#scroll_margin) | | `scroll_m_12` | [scroll-m-12](#scroll_margin) | | `scroll_m_14` | [scroll-m-14](#scroll_margin) | | `scroll_m_16` | [scroll-m-16](#scroll_margin) | | `scroll_m_1_5` | [scroll-m-1.5](#scroll_margin) | | `scroll_m_2` | [scroll-m-2](#scroll_margin) | | `scroll_m_20` | [scroll-m-20](#scroll_margin) | | `scroll_m_24` | [scroll-m-24](#scroll_margin) | | `scroll_m_28` | [scroll-m-28](#scroll_margin) | | `scroll_m_2_5` | [scroll-m-2.5](#scroll_margin) | | `scroll_m_3` | [scroll-m-3](#scroll_margin) | | `scroll_m_32` | [scroll-m-32](#scroll_margin) | | `scroll_m_36` | [scroll-m-36](#scroll_margin) | | `scroll_m_3_5` | [scroll-m-3.5](#scroll_margin) | | `scroll_m_4` | [scroll-m-4](#scroll_margin) | | `scroll_m_40` | [scroll-m-40](#scroll_margin) | | `scroll_m_44` | [scroll-m-44](#scroll_margin) | | `scroll_m_48` | [scroll-m-48](#scroll_margin) | | `scroll_m_5` | [scroll-m-5](#scroll_margin) | | `scroll_m_52` | [scroll-m-52](#scroll_margin) | | `scroll_m_56` | [scroll-m-56](#scroll_margin) | | `scroll_m_6` | [scroll-m-6](#scroll_margin) | | `scroll_m_60` | [scroll-m-60](#scroll_margin) | | `scroll_m_64` | [scroll-m-64](#scroll_margin) | | `scroll_m_7` | [scroll-m-7](#scroll_margin) | | `scroll_m_72` | [scroll-m-72](#scroll_margin) | | `scroll_m_8` | [scroll-m-8](#scroll_margin) | | `scroll_m_80` | [scroll-m-80](#scroll_margin) | | `scroll_m_9` | [scroll-m-9](#scroll_margin) | | `scroll_m_96` | [scroll-m-96](#scroll_margin) | | `scroll_m_px` | [scroll-m-px](#scroll_margin) | | `scroll_mb_0` | [scroll-mb-0](#scroll_margin) | | `scroll_mb_0_5` | [scroll-mb-0.5](#scroll_margin) | | `scroll_mb_1` | [scroll-mb-1](#scroll_margin) | | `scroll_mb_10` | [scroll-mb-10](#scroll_margin) | | `scroll_mb_11` | [scroll-mb-11](#scroll_margin) | | `scroll_mb_12` | [scroll-mb-12](#scroll_margin) | | `scroll_mb_14` | [scroll-mb-14](#scroll_margin) | | `scroll_mb_16` | [scroll-mb-16](#scroll_margin) | | `scroll_mb_1_5` | [scroll-mb-1.5](#scroll_margin) | | `scroll_mb_2` | [scroll-mb-2](#scroll_margin) | | `scroll_mb_20` | [scroll-mb-20](#scroll_margin) | | `scroll_mb_24` | [scroll-mb-24](#scroll_margin) | | `scroll_mb_28` | [scroll-mb-28](#scroll_margin) | | `scroll_mb_2_5` | [scroll-mb-2.5](#scroll_margin) | | `scroll_mb_3` | [scroll-mb-3](#scroll_margin) | | `scroll_mb_32` | [scroll-mb-32](#scroll_margin) | | `scroll_mb_36` | [scroll-mb-36](#scroll_margin) | | `scroll_mb_3_5` | [scroll-mb-3.5](#scroll_margin) | | `scroll_mb_4` | [scroll-mb-4](#scroll_margin) | | `scroll_mb_40` | [scroll-mb-40](#scroll_margin) | | `scroll_mb_44` | [scroll-mb-44](#scroll_margin) | | `scroll_mb_48` | [scroll-mb-48](#scroll_margin) | | `scroll_mb_5` | [scroll-mb-5](#scroll_margin) | | `scroll_mb_52` | [scroll-mb-52](#scroll_margin) | | `scroll_mb_56` | [scroll-mb-56](#scroll_margin) | | `scroll_mb_6` | [scroll-mb-6](#scroll_margin) | | `scroll_mb_60` | [scroll-mb-60](#scroll_margin) | | `scroll_mb_64` | [scroll-mb-64](#scroll_margin) | | `scroll_mb_7` | [scroll-mb-7](#scroll_margin) | | `scroll_mb_72` | [scroll-mb-72](#scroll_margin) | | `scroll_mb_8` | [scroll-mb-8](#scroll_margin) | | `scroll_mb_80` | [scroll-mb-80](#scroll_margin) | | `scroll_mb_9` | [scroll-mb-9](#scroll_margin) | | `scroll_mb_96` | [scroll-mb-96](#scroll_margin) | | `scroll_mb_px` | [scroll-mb-px](#scroll_margin) | | `scroll_me_0` | [scroll-me-0](#scroll_margin) | | `scroll_me_0_5` | [scroll-me-0.5](#scroll_margin) | | `scroll_me_1` | [scroll-me-1](#scroll_margin) | | `scroll_me_10` | [scroll-me-10](#scroll_margin) | | `scroll_me_11` | [scroll-me-11](#scroll_margin) | | `scroll_me_12` | [scroll-me-12](#scroll_margin) | | `scroll_me_14` | [scroll-me-14](#scroll_margin) | | `scroll_me_16` | [scroll-me-16](#scroll_margin) | | `scroll_me_1_5` | [scroll-me-1.5](#scroll_margin) | | `scroll_me_2` | [scroll-me-2](#scroll_margin) | | `scroll_me_20` | [scroll-me-20](#scroll_margin) | | `scroll_me_24` | [scroll-me-24](#scroll_margin) | | `scroll_me_28` | [scroll-me-28](#scroll_margin) | | `scroll_me_2_5` | [scroll-me-2.5](#scroll_margin) | | `scroll_me_3` | [scroll-me-3](#scroll_margin) | | `scroll_me_32` | [scroll-me-32](#scroll_margin) | | `scroll_me_36` | [scroll-me-36](#scroll_margin) | | `scroll_me_3_5` | [scroll-me-3.5](#scroll_margin) | | `scroll_me_4` | [scroll-me-4](#scroll_margin) | | `scroll_me_40` | [scroll-me-40](#scroll_margin) | | `scroll_me_44` | [scroll-me-44](#scroll_margin) | | `scroll_me_48` | [scroll-me-48](#scroll_margin) | | `scroll_me_5` | [scroll-me-5](#scroll_margin) | | `scroll_me_52` | [scroll-me-52](#scroll_margin) | | `scroll_me_56` | [scroll-me-56](#scroll_margin) | | `scroll_me_6` | [scroll-me-6](#scroll_margin) | | `scroll_me_60` | [scroll-me-60](#scroll_margin) | | `scroll_me_64` | [scroll-me-64](#scroll_margin) | | `scroll_me_7` | [scroll-me-7](#scroll_margin) | | `scroll_me_72` | [scroll-me-72](#scroll_margin) | | `scroll_me_8` | [scroll-me-8](#scroll_margin) | | `scroll_me_80` | [scroll-me-80](#scroll_margin) | | `scroll_me_9` | [scroll-me-9](#scroll_margin) | | `scroll_me_96` | [scroll-me-96](#scroll_margin) | | `scroll_me_px` | [scroll-me-px](#scroll_margin) | | `scroll_ml_0` | [scroll-ml-0](#scroll_margin) | | `scroll_ml_0_5` | [scroll-ml-0.5](#scroll_margin) | | `scroll_ml_1` | [scroll-ml-1](#scroll_margin) | | `scroll_ml_10` | [scroll-ml-10](#scroll_margin) | | `scroll_ml_11` | [scroll-ml-11](#scroll_margin) | | `scroll_ml_12` | [scroll-ml-12](#scroll_margin) | | `scroll_ml_14` | [scroll-ml-14](#scroll_margin) | | `scroll_ml_16` | [scroll-ml-16](#scroll_margin) | | `scroll_ml_1_5` | [scroll-ml-1.5](#scroll_margin) | | `scroll_ml_2` | [scroll-ml-2](#scroll_margin) | | `scroll_ml_20` | [scroll-ml-20](#scroll_margin) | | `scroll_ml_24` | [scroll-ml-24](#scroll_margin) | | `scroll_ml_28` | [scroll-ml-28](#scroll_margin) | | `scroll_ml_2_5` | [scroll-ml-2.5](#scroll_margin) | | `scroll_ml_3` | [scroll-ml-3](#scroll_margin) | | `scroll_ml_32` | [scroll-ml-32](#scroll_margin) | | `scroll_ml_36` | [scroll-ml-36](#scroll_margin) | | `scroll_ml_3_5` | [scroll-ml-3.5](#scroll_margin) | | `scroll_ml_4` | [scroll-ml-4](#scroll_margin) | | `scroll_ml_40` | [scroll-ml-40](#scroll_margin) | | `scroll_ml_44` | [scroll-ml-44](#scroll_margin) | | `scroll_ml_48` | [scroll-ml-48](#scroll_margin) | | `scroll_ml_5` | [scroll-ml-5](#scroll_margin) | | `scroll_ml_52` | [scroll-ml-52](#scroll_margin) | | `scroll_ml_56` | [scroll-ml-56](#scroll_margin) | | `scroll_ml_6` | [scroll-ml-6](#scroll_margin) | | `scroll_ml_60` | [scroll-ml-60](#scroll_margin) | | `scroll_ml_64` | [scroll-ml-64](#scroll_margin) | | `scroll_ml_7` | [scroll-ml-7](#scroll_margin) | | `scroll_ml_72` | [scroll-ml-72](#scroll_margin) | | `scroll_ml_8` | [scroll-ml-8](#scroll_margin) | | `scroll_ml_80` | [scroll-ml-80](#scroll_margin) | | `scroll_ml_9` | [scroll-ml-9](#scroll_margin) | | `scroll_ml_96` | [scroll-ml-96](#scroll_margin) | | `scroll_ml_px` | [scroll-ml-px](#scroll_margin) | | `scroll_mr_0` | [scroll-mr-0](#scroll_margin) | | `scroll_mr_0_5` | [scroll-mr-0.5](#scroll_margin) | | `scroll_mr_1` | [scroll-mr-1](#scroll_margin) | | `scroll_mr_10` | [scroll-mr-10](#scroll_margin) | | `scroll_mr_11` | [scroll-mr-11](#scroll_margin) | | `scroll_mr_12` | [scroll-mr-12](#scroll_margin) | | `scroll_mr_14` | [scroll-mr-14](#scroll_margin) | | `scroll_mr_16` | [scroll-mr-16](#scroll_margin) | | `scroll_mr_1_5` | [scroll-mr-1.5](#scroll_margin) | | `scroll_mr_2` | [scroll-mr-2](#scroll_margin) | | `scroll_mr_20` | [scroll-mr-20](#scroll_margin) | | `scroll_mr_24` | [scroll-mr-24](#scroll_margin) | | `scroll_mr_28` | [scroll-mr-28](#scroll_margin) | | `scroll_mr_2_5` | [scroll-mr-2.5](#scroll_margin) | | `scroll_mr_3` | [scroll-mr-3](#scroll_margin) | | `scroll_mr_32` | [scroll-mr-32](#scroll_margin) | | `scroll_mr_36` | [scroll-mr-36](#scroll_margin) | | `scroll_mr_3_5` | [scroll-mr-3.5](#scroll_margin) | | `scroll_mr_4` | [scroll-mr-4](#scroll_margin) | | `scroll_mr_40` | [scroll-mr-40](#scroll_margin) | | `scroll_mr_44` | [scroll-mr-44](#scroll_margin) | | `scroll_mr_48` | [scroll-mr-48](#scroll_margin) | | `scroll_mr_5` | [scroll-mr-5](#scroll_margin) | | `scroll_mr_52` | [scroll-mr-52](#scroll_margin) | | `scroll_mr_56` | [scroll-mr-56](#scroll_margin) | | `scroll_mr_6` | [scroll-mr-6](#scroll_margin) | | `scroll_mr_60` | [scroll-mr-60](#scroll_margin) | | `scroll_mr_64` | [scroll-mr-64](#scroll_margin) | | `scroll_mr_7` | [scroll-mr-7](#scroll_margin) | | `scroll_mr_72` | [scroll-mr-72](#scroll_margin) | | `scroll_mr_8` | [scroll-mr-8](#scroll_margin) | | `scroll_mr_80` | [scroll-mr-80](#scroll_margin) | | `scroll_mr_9` | [scroll-mr-9](#scroll_margin) | | `scroll_mr_96` | [scroll-mr-96](#scroll_margin) | | `scroll_mr_px` | [scroll-mr-px](#scroll_margin) | | `scroll_ms_0` | [scroll-ms-0](#scroll_margin) | | `scroll_ms_0_5` | [scroll-ms-0.5](#scroll_margin) | | `scroll_ms_1` | [scroll-ms-1](#scroll_margin) | | `scroll_ms_10` | [scroll-ms-10](#scroll_margin) | | `scroll_ms_11` | [scroll-ms-11](#scroll_margin) | | `scroll_ms_12` | [scroll-ms-12](#scroll_margin) | | `scroll_ms_14` | [scroll-ms-14](#scroll_margin) | | `scroll_ms_16` | [scroll-ms-16](#scroll_margin) | | `scroll_ms_1_5` | [scroll-ms-1.5](#scroll_margin) | | `scroll_ms_2` | [scroll-ms-2](#scroll_margin) | | `scroll_ms_20` | [scroll-ms-20](#scroll_margin) | | `scroll_ms_24` | [scroll-ms-24](#scroll_margin) | | `scroll_ms_28` | [scroll-ms-28](#scroll_margin) | | `scroll_ms_2_5` | [scroll-ms-2.5](#scroll_margin) | | `scroll_ms_3` | [scroll-ms-3](#scroll_margin) | | `scroll_ms_32` | [scroll-ms-32](#scroll_margin) | | `scroll_ms_36` | [scroll-ms-36](#scroll_margin) | | `scroll_ms_3_5` | [scroll-ms-3.5](#scroll_margin) | | `scroll_ms_4` | [scroll-ms-4](#scroll_margin) | | `scroll_ms_40` | [scroll-ms-40](#scroll_margin) | | `scroll_ms_44` | [scroll-ms-44](#scroll_margin) | | `scroll_ms_48` | [scroll-ms-48](#scroll_margin) | | `scroll_ms_5` | [scroll-ms-5](#scroll_margin) | | `scroll_ms_52` | [scroll-ms-52](#scroll_margin) | | `scroll_ms_56` | [scroll-ms-56](#scroll_margin) | | `scroll_ms_6` | [scroll-ms-6](#scroll_margin) | | `scroll_ms_60` | [scroll-ms-60](#scroll_margin) | | `scroll_ms_64` | [scroll-ms-64](#scroll_margin) | | `scroll_ms_7` | [scroll-ms-7](#scroll_margin) | | `scroll_ms_72` | [scroll-ms-72](#scroll_margin) | | `scroll_ms_8` | [scroll-ms-8](#scroll_margin) | | `scroll_ms_80` | [scroll-ms-80](#scroll_margin) | | `scroll_ms_9` | [scroll-ms-9](#scroll_margin) | | `scroll_ms_96` | [scroll-ms-96](#scroll_margin) | | `scroll_ms_px` | [scroll-ms-px](#scroll_margin) | | `scroll_mt_0` | [scroll-mt-0](#scroll_margin) | | `scroll_mt_0_5` | [scroll-mt-0.5](#scroll_margin) | | `scroll_mt_1` | [scroll-mt-1](#scroll_margin) | | `scroll_mt_10` | [scroll-mt-10](#scroll_margin) | | `scroll_mt_11` | [scroll-mt-11](#scroll_margin) | | `scroll_mt_12` | [scroll-mt-12](#scroll_margin) | | `scroll_mt_14` | [scroll-mt-14](#scroll_margin) | | `scroll_mt_16` | [scroll-mt-16](#scroll_margin) | | `scroll_mt_1_5` | [scroll-mt-1.5](#scroll_margin) | | `scroll_mt_2` | [scroll-mt-2](#scroll_margin) | | `scroll_mt_20` | [scroll-mt-20](#scroll_margin) | | `scroll_mt_24` | [scroll-mt-24](#scroll_margin) | | `scroll_mt_28` | [scroll-mt-28](#scroll_margin) | | `scroll_mt_2_5` | [scroll-mt-2.5](#scroll_margin) | | `scroll_mt_3` | [scroll-mt-3](#scroll_margin) | | `scroll_mt_32` | [scroll-mt-32](#scroll_margin) | | `scroll_mt_36` | [scroll-mt-36](#scroll_margin) | | `scroll_mt_3_5` | [scroll-mt-3.5](#scroll_margin) | | `scroll_mt_4` | [scroll-mt-4](#scroll_margin) | | `scroll_mt_40` | [scroll-mt-40](#scroll_margin) | | `scroll_mt_44` | [scroll-mt-44](#scroll_margin) | | `scroll_mt_48` | [scroll-mt-48](#scroll_margin) | | `scroll_mt_5` | [scroll-mt-5](#scroll_margin) | | `scroll_mt_52` | [scroll-mt-52](#scroll_margin) | | `scroll_mt_56` | [scroll-mt-56](#scroll_margin) | | `scroll_mt_6` | [scroll-mt-6](#scroll_margin) | | `scroll_mt_60` | [scroll-mt-60](#scroll_margin) | | `scroll_mt_64` | [scroll-mt-64](#scroll_margin) | | `scroll_mt_7` | [scroll-mt-7](#scroll_margin) | | `scroll_mt_72` | [scroll-mt-72](#scroll_margin) | | `scroll_mt_8` | [scroll-mt-8](#scroll_margin) | | `scroll_mt_80` | [scroll-mt-80](#scroll_margin) | | `scroll_mt_9` | [scroll-mt-9](#scroll_margin) | | `scroll_mt_96` | [scroll-mt-96](#scroll_margin) | | `scroll_mt_px` | [scroll-mt-px](#scroll_margin) | | `scroll_mx_0` | [scroll-mx-0](#scroll_margin) | | `scroll_mx_0_5` | [scroll-mx-0.5](#scroll_margin) | | `scroll_mx_1` | [scroll-mx-1](#scroll_margin) | | `scroll_mx_10` | [scroll-mx-10](#scroll_margin) | | `scroll_mx_11` | [scroll-mx-11](#scroll_margin) | | `scroll_mx_12` | [scroll-mx-12](#scroll_margin) | | `scroll_mx_14` | [scroll-mx-14](#scroll_margin) | | `scroll_mx_16` | [scroll-mx-16](#scroll_margin) | | `scroll_mx_1_5` | [scroll-mx-1.5](#scroll_margin) | | `scroll_mx_2` | [scroll-mx-2](#scroll_margin) | | `scroll_mx_20` | [scroll-mx-20](#scroll_margin) | | `scroll_mx_24` | [scroll-mx-24](#scroll_margin) | | `scroll_mx_28` | [scroll-mx-28](#scroll_margin) | | `scroll_mx_2_5` | [scroll-mx-2.5](#scroll_margin) | | `scroll_mx_3` | [scroll-mx-3](#scroll_margin) | | `scroll_mx_32` | [scroll-mx-32](#scroll_margin) | | `scroll_mx_36` | [scroll-mx-36](#scroll_margin) | | `scroll_mx_3_5` | [scroll-mx-3.5](#scroll_margin) | | `scroll_mx_4` | [scroll-mx-4](#scroll_margin) | | `scroll_mx_40` | [scroll-mx-40](#scroll_margin) | | `scroll_mx_44` | [scroll-mx-44](#scroll_margin) | | `scroll_mx_48` | [scroll-mx-48](#scroll_margin) | | `scroll_mx_5` | [scroll-mx-5](#scroll_margin) | | `scroll_mx_52` | [scroll-mx-52](#scroll_margin) | | `scroll_mx_56` | [scroll-mx-56](#scroll_margin) | | `scroll_mx_6` | [scroll-mx-6](#scroll_margin) | | `scroll_mx_60` | [scroll-mx-60](#scroll_margin) | | `scroll_mx_64` | [scroll-mx-64](#scroll_margin) | | `scroll_mx_7` | [scroll-mx-7](#scroll_margin) | | `scroll_mx_72` | [scroll-mx-72](#scroll_margin) | | `scroll_mx_8` | [scroll-mx-8](#scroll_margin) | | `scroll_mx_80` | [scroll-mx-80](#scroll_margin) | | `scroll_mx_9` | [scroll-mx-9](#scroll_margin) | | `scroll_mx_96` | [scroll-mx-96](#scroll_margin) | | `scroll_mx_px` | [scroll-mx-px](#scroll_margin) | | `scroll_my_0` | [scroll-my-0](#scroll_margin) | | `scroll_my_0_5` | [scroll-my-0.5](#scroll_margin) | | `scroll_my_1` | [scroll-my-1](#scroll_margin) | | `scroll_my_10` | [scroll-my-10](#scroll_margin) | | `scroll_my_11` | [scroll-my-11](#scroll_margin) | | `scroll_my_12` | [scroll-my-12](#scroll_margin) | | `scroll_my_14` | [scroll-my-14](#scroll_margin) | | `scroll_my_16` | [scroll-my-16](#scroll_margin) | | `scroll_my_1_5` | [scroll-my-1.5](#scroll_margin) | | `scroll_my_2` | [scroll-my-2](#scroll_margin) | | `scroll_my_20` | [scroll-my-20](#scroll_margin) | | `scroll_my_24` | [scroll-my-24](#scroll_margin) | | `scroll_my_28` | [scroll-my-28](#scroll_margin) | | `scroll_my_2_5` | [scroll-my-2.5](#scroll_margin) | | `scroll_my_3` | [scroll-my-3](#scroll_margin) | | `scroll_my_32` | [scroll-my-32](#scroll_margin) | | `scroll_my_36` | [scroll-my-36](#scroll_margin) | | `scroll_my_3_5` | [scroll-my-3.5](#scroll_margin) | | `scroll_my_4` | [scroll-my-4](#scroll_margin) | | `scroll_my_40` | [scroll-my-40](#scroll_margin) | | `scroll_my_44` | [scroll-my-44](#scroll_margin) | | `scroll_my_48` | [scroll-my-48](#scroll_margin) | | `scroll_my_5` | [scroll-my-5](#scroll_margin) | | `scroll_my_52` | [scroll-my-52](#scroll_margin) | | `scroll_my_56` | [scroll-my-56](#scroll_margin) | | `scroll_my_6` | [scroll-my-6](#scroll_margin) | | `scroll_my_60` | [scroll-my-60](#scroll_margin) | | `scroll_my_64` | [scroll-my-64](#scroll_margin) | | `scroll_my_7` | [scroll-my-7](#scroll_margin) | | `scroll_my_72` | [scroll-my-72](#scroll_margin) | | `scroll_my_8` | [scroll-my-8](#scroll_margin) | | `scroll_my_80` | [scroll-my-80](#scroll_margin) | | `scroll_my_9` | [scroll-my-9](#scroll_margin) | | `scroll_my_96` | [scroll-my-96](#scroll_margin) | | `scroll_my_px` | [scroll-my-px](#scroll_margin) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `scroll_m_arbitrary`, `scroll_m_arb` | [scroll-m-[…]](#https://tailwindcss.com/docs/scroll-margin#arbitrary-values) | | `scroll_mb_arbitrary`, `scroll_mb_arb` | [scroll-mb-[…]](#https://tailwindcss.com/docs/scroll-margin#arbitrary-values) | | `scroll_me_arbitrary`, `scroll_me_arb` | [scroll-me-[…]](#https://tailwindcss.com/docs/scroll-margin#arbitrary-values) | | `scroll_ml_arbitrary`, `scroll_ml_arb` | [scroll-ml-[…]](#https://tailwindcss.com/docs/scroll-margin#arbitrary-values) | | `scroll_mr_arbitrary`, `scroll_mr_arb` | [scroll-mr-[…]](#https://tailwindcss.com/docs/scroll-margin#arbitrary-values) | | `scroll_ms_arbitrary`, `scroll_ms_arb` | [scroll-ms-[…]](#https://tailwindcss.com/docs/scroll-margin#arbitrary-values) | | `scroll_mt_arbitrary`, `scroll_mt_arb` | [scroll-mt-[…]](#https://tailwindcss.com/docs/scroll-margin#arbitrary-values) | | `scroll_mx_arbitrary`, `scroll_mx_arb` | [scroll-mx-[…]](#https://tailwindcss.com/docs/scroll-margin#arbitrary-values) | | `scroll_my_arbitrary`, `scroll_my_arb` | [scroll-my-[…]](#https://tailwindcss.com/docs/scroll-margin#arbitrary-values) | ## Scroll Padding Utilities for controlling an element's scroll offset within a snap container. ### Group | TailwindJS token | | ----- | | `scroll_padding_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `scroll_p_0` | [scroll-p-0](#scroll_padding) | | `scroll_p_0_5` | [scroll-p-0.5](#scroll_padding) | | `scroll_p_1` | [scroll-p-1](#scroll_padding) | | `scroll_p_10` | [scroll-p-10](#scroll_padding) | | `scroll_p_11` | [scroll-p-11](#scroll_padding) | | `scroll_p_12` | [scroll-p-12](#scroll_padding) | | `scroll_p_14` | [scroll-p-14](#scroll_padding) | | `scroll_p_16` | [scroll-p-16](#scroll_padding) | | `scroll_p_1_5` | [scroll-p-1.5](#scroll_padding) | | `scroll_p_2` | [scroll-p-2](#scroll_padding) | | `scroll_p_20` | [scroll-p-20](#scroll_padding) | | `scroll_p_24` | [scroll-p-24](#scroll_padding) | | `scroll_p_28` | [scroll-p-28](#scroll_padding) | | `scroll_p_2_5` | [scroll-p-2.5](#scroll_padding) | | `scroll_p_3` | [scroll-p-3](#scroll_padding) | | `scroll_p_32` | [scroll-p-32](#scroll_padding) | | `scroll_p_36` | [scroll-p-36](#scroll_padding) | | `scroll_p_3_5` | [scroll-p-3.5](#scroll_padding) | | `scroll_p_4` | [scroll-p-4](#scroll_padding) | | `scroll_p_40` | [scroll-p-40](#scroll_padding) | | `scroll_p_44` | [scroll-p-44](#scroll_padding) | | `scroll_p_48` | [scroll-p-48](#scroll_padding) | | `scroll_p_5` | [scroll-p-5](#scroll_padding) | | `scroll_p_52` | [scroll-p-52](#scroll_padding) | | `scroll_p_56` | [scroll-p-56](#scroll_padding) | | `scroll_p_6` | [scroll-p-6](#scroll_padding) | | `scroll_p_60` | [scroll-p-60](#scroll_padding) | | `scroll_p_64` | [scroll-p-64](#scroll_padding) | | `scroll_p_7` | [scroll-p-7](#scroll_padding) | | `scroll_p_72` | [scroll-p-72](#scroll_padding) | | `scroll_p_8` | [scroll-p-8](#scroll_padding) | | `scroll_p_80` | [scroll-p-80](#scroll_padding) | | `scroll_p_9` | [scroll-p-9](#scroll_padding) | | `scroll_p_96` | [scroll-p-96](#scroll_padding) | | `scroll_p_px` | [scroll-p-px](#scroll_padding) | | `scroll_pb_0` | [scroll-pb-0](#scroll_padding) | | `scroll_pb_0_5` | [scroll-pb-0.5](#scroll_padding) | | `scroll_pb_1` | [scroll-pb-1](#scroll_padding) | | `scroll_pb_10` | [scroll-pb-10](#scroll_padding) | | `scroll_pb_11` | [scroll-pb-11](#scroll_padding) | | `scroll_pb_12` | [scroll-pb-12](#scroll_padding) | | `scroll_pb_14` | [scroll-pb-14](#scroll_padding) | | `scroll_pb_16` | [scroll-pb-16](#scroll_padding) | | `scroll_pb_1_5` | [scroll-pb-1.5](#scroll_padding) | | `scroll_pb_2` | [scroll-pb-2](#scroll_padding) | | `scroll_pb_20` | [scroll-pb-20](#scroll_padding) | | `scroll_pb_24` | [scroll-pb-24](#scroll_padding) | | `scroll_pb_28` | [scroll-pb-28](#scroll_padding) | | `scroll_pb_2_5` | [scroll-pb-2.5](#scroll_padding) | | `scroll_pb_3` | [scroll-pb-3](#scroll_padding) | | `scroll_pb_32` | [scroll-pb-32](#scroll_padding) | | `scroll_pb_36` | [scroll-pb-36](#scroll_padding) | | `scroll_pb_3_5` | [scroll-pb-3.5](#scroll_padding) | | `scroll_pb_4` | [scroll-pb-4](#scroll_padding) | | `scroll_pb_40` | [scroll-pb-40](#scroll_padding) | | `scroll_pb_44` | [scroll-pb-44](#scroll_padding) | | `scroll_pb_48` | [scroll-pb-48](#scroll_padding) | | `scroll_pb_5` | [scroll-pb-5](#scroll_padding) | | `scroll_pb_52` | [scroll-pb-52](#scroll_padding) | | `scroll_pb_56` | [scroll-pb-56](#scroll_padding) | | `scroll_pb_6` | [scroll-pb-6](#scroll_padding) | | `scroll_pb_60` | [scroll-pb-60](#scroll_padding) | | `scroll_pb_64` | [scroll-pb-64](#scroll_padding) | | `scroll_pb_7` | [scroll-pb-7](#scroll_padding) | | `scroll_pb_72` | [scroll-pb-72](#scroll_padding) | | `scroll_pb_8` | [scroll-pb-8](#scroll_padding) | | `scroll_pb_80` | [scroll-pb-80](#scroll_padding) | | `scroll_pb_9` | [scroll-pb-9](#scroll_padding) | | `scroll_pb_96` | [scroll-pb-96](#scroll_padding) | | `scroll_pb_px` | [scroll-pb-px](#scroll_padding) | | `scroll_pe_0` | [scroll-pe-0](#scroll_padding) | | `scroll_pe_0_5` | [scroll-pe-0.5](#scroll_padding) | | `scroll_pe_1` | [scroll-pe-1](#scroll_padding) | | `scroll_pe_10` | [scroll-pe-10](#scroll_padding) | | `scroll_pe_11` | [scroll-pe-11](#scroll_padding) | | `scroll_pe_12` | [scroll-pe-12](#scroll_padding) | | `scroll_pe_14` | [scroll-pe-14](#scroll_padding) | | `scroll_pe_16` | [scroll-pe-16](#scroll_padding) | | `scroll_pe_1_5` | [scroll-pe-1.5](#scroll_padding) | | `scroll_pe_2` | [scroll-pe-2](#scroll_padding) | | `scroll_pe_20` | [scroll-pe-20](#scroll_padding) | | `scroll_pe_24` | [scroll-pe-24](#scroll_padding) | | `scroll_pe_28` | [scroll-pe-28](#scroll_padding) | | `scroll_pe_2_5` | [scroll-pe-2.5](#scroll_padding) | | `scroll_pe_3` | [scroll-pe-3](#scroll_padding) | | `scroll_pe_32` | [scroll-pe-32](#scroll_padding) | | `scroll_pe_36` | [scroll-pe-36](#scroll_padding) | | `scroll_pe_3_5` | [scroll-pe-3.5](#scroll_padding) | | `scroll_pe_4` | [scroll-pe-4](#scroll_padding) | | `scroll_pe_40` | [scroll-pe-40](#scroll_padding) | | `scroll_pe_44` | [scroll-pe-44](#scroll_padding) | | `scroll_pe_48` | [scroll-pe-48](#scroll_padding) | | `scroll_pe_5` | [scroll-pe-5](#scroll_padding) | | `scroll_pe_52` | [scroll-pe-52](#scroll_padding) | | `scroll_pe_56` | [scroll-pe-56](#scroll_padding) | | `scroll_pe_6` | [scroll-pe-6](#scroll_padding) | | `scroll_pe_60` | [scroll-pe-60](#scroll_padding) | | `scroll_pe_64` | [scroll-pe-64](#scroll_padding) | | `scroll_pe_7` | [scroll-pe-7](#scroll_padding) | | `scroll_pe_72` | [scroll-pe-72](#scroll_padding) | | `scroll_pe_8` | [scroll-pe-8](#scroll_padding) | | `scroll_pe_80` | [scroll-pe-80](#scroll_padding) | | `scroll_pe_9` | [scroll-pe-9](#scroll_padding) | | `scroll_pe_96` | [scroll-pe-96](#scroll_padding) | | `scroll_pe_px` | [scroll-pe-px](#scroll_padding) | | `scroll_pl_0` | [scroll-pl-0](#scroll_padding) | | `scroll_pl_0_5` | [scroll-pl-0.5](#scroll_padding) | | `scroll_pl_1` | [scroll-pl-1](#scroll_padding) | | `scroll_pl_10` | [scroll-pl-10](#scroll_padding) | | `scroll_pl_11` | [scroll-pl-11](#scroll_padding) | | `scroll_pl_12` | [scroll-pl-12](#scroll_padding) | | `scroll_pl_14` | [scroll-pl-14](#scroll_padding) | | `scroll_pl_16` | [scroll-pl-16](#scroll_padding) | | `scroll_pl_1_5` | [scroll-pl-1.5](#scroll_padding) | | `scroll_pl_2` | [scroll-pl-2](#scroll_padding) | | `scroll_pl_20` | [scroll-pl-20](#scroll_padding) | | `scroll_pl_24` | [scroll-pl-24](#scroll_padding) | | `scroll_pl_28` | [scroll-pl-28](#scroll_padding) | | `scroll_pl_2_5` | [scroll-pl-2.5](#scroll_padding) | | `scroll_pl_3` | [scroll-pl-3](#scroll_padding) | | `scroll_pl_32` | [scroll-pl-32](#scroll_padding) | | `scroll_pl_36` | [scroll-pl-36](#scroll_padding) | | `scroll_pl_3_5` | [scroll-pl-3.5](#scroll_padding) | | `scroll_pl_4` | [scroll-pl-4](#scroll_padding) | | `scroll_pl_40` | [scroll-pl-40](#scroll_padding) | | `scroll_pl_44` | [scroll-pl-44](#scroll_padding) | | `scroll_pl_48` | [scroll-pl-48](#scroll_padding) | | `scroll_pl_5` | [scroll-pl-5](#scroll_padding) | | `scroll_pl_52` | [scroll-pl-52](#scroll_padding) | | `scroll_pl_56` | [scroll-pl-56](#scroll_padding) | | `scroll_pl_6` | [scroll-pl-6](#scroll_padding) | | `scroll_pl_60` | [scroll-pl-60](#scroll_padding) | | `scroll_pl_64` | [scroll-pl-64](#scroll_padding) | | `scroll_pl_7` | [scroll-pl-7](#scroll_padding) | | `scroll_pl_72` | [scroll-pl-72](#scroll_padding) | | `scroll_pl_8` | [scroll-pl-8](#scroll_padding) | | `scroll_pl_80` | [scroll-pl-80](#scroll_padding) | | `scroll_pl_9` | [scroll-pl-9](#scroll_padding) | | `scroll_pl_96` | [scroll-pl-96](#scroll_padding) | | `scroll_pl_px` | [scroll-pl-px](#scroll_padding) | | `scroll_pr_0` | [scroll-pr-0](#scroll_padding) | | `scroll_pr_0_5` | [scroll-pr-0.5](#scroll_padding) | | `scroll_pr_1` | [scroll-pr-1](#scroll_padding) | | `scroll_pr_10` | [scroll-pr-10](#scroll_padding) | | `scroll_pr_11` | [scroll-pr-11](#scroll_padding) | | `scroll_pr_12` | [scroll-pr-12](#scroll_padding) | | `scroll_pr_14` | [scroll-pr-14](#scroll_padding) | | `scroll_pr_16` | [scroll-pr-16](#scroll_padding) | | `scroll_pr_1_5` | [scroll-pr-1.5](#scroll_padding) | | `scroll_pr_2` | [scroll-pr-2](#scroll_padding) | | `scroll_pr_20` | [scroll-pr-20](#scroll_padding) | | `scroll_pr_24` | [scroll-pr-24](#scroll_padding) | | `scroll_pr_28` | [scroll-pr-28](#scroll_padding) | | `scroll_pr_2_5` | [scroll-pr-2.5](#scroll_padding) | | `scroll_pr_3` | [scroll-pr-3](#scroll_padding) | | `scroll_pr_32` | [scroll-pr-32](#scroll_padding) | | `scroll_pr_36` | [scroll-pr-36](#scroll_padding) | | `scroll_pr_3_5` | [scroll-pr-3.5](#scroll_padding) | | `scroll_pr_4` | [scroll-pr-4](#scroll_padding) | | `scroll_pr_40` | [scroll-pr-40](#scroll_padding) | | `scroll_pr_44` | [scroll-pr-44](#scroll_padding) | | `scroll_pr_48` | [scroll-pr-48](#scroll_padding) | | `scroll_pr_5` | [scroll-pr-5](#scroll_padding) | | `scroll_pr_52` | [scroll-pr-52](#scroll_padding) | | `scroll_pr_56` | [scroll-pr-56](#scroll_padding) | | `scroll_pr_6` | [scroll-pr-6](#scroll_padding) | | `scroll_pr_60` | [scroll-pr-60](#scroll_padding) | | `scroll_pr_64` | [scroll-pr-64](#scroll_padding) | | `scroll_pr_7` | [scroll-pr-7](#scroll_padding) | | `scroll_pr_72` | [scroll-pr-72](#scroll_padding) | | `scroll_pr_8` | [scroll-pr-8](#scroll_padding) | | `scroll_pr_80` | [scroll-pr-80](#scroll_padding) | | `scroll_pr_9` | [scroll-pr-9](#scroll_padding) | | `scroll_pr_96` | [scroll-pr-96](#scroll_padding) | | `scroll_pr_px` | [scroll-pr-px](#scroll_padding) | | `scroll_ps_0` | [scroll-ps-0](#scroll_padding) | | `scroll_ps_0_5` | [scroll-ps-0.5](#scroll_padding) | | `scroll_ps_1` | [scroll-ps-1](#scroll_padding) | | `scroll_ps_10` | [scroll-ps-10](#scroll_padding) | | `scroll_ps_11` | [scroll-ps-11](#scroll_padding) | | `scroll_ps_12` | [scroll-ps-12](#scroll_padding) | | `scroll_ps_14` | [scroll-ps-14](#scroll_padding) | | `scroll_ps_16` | [scroll-ps-16](#scroll_padding) | | `scroll_ps_1_5` | [scroll-ps-1.5](#scroll_padding) | | `scroll_ps_2` | [scroll-ps-2](#scroll_padding) | | `scroll_ps_20` | [scroll-ps-20](#scroll_padding) | | `scroll_ps_24` | [scroll-ps-24](#scroll_padding) | | `scroll_ps_28` | [scroll-ps-28](#scroll_padding) | | `scroll_ps_2_5` | [scroll-ps-2.5](#scroll_padding) | | `scroll_ps_3` | [scroll-ps-3](#scroll_padding) | | `scroll_ps_32` | [scroll-ps-32](#scroll_padding) | | `scroll_ps_36` | [scroll-ps-36](#scroll_padding) | | `scroll_ps_3_5` | [scroll-ps-3.5](#scroll_padding) | | `scroll_ps_4` | [scroll-ps-4](#scroll_padding) | | `scroll_ps_40` | [scroll-ps-40](#scroll_padding) | | `scroll_ps_44` | [scroll-ps-44](#scroll_padding) | | `scroll_ps_48` | [scroll-ps-48](#scroll_padding) | | `scroll_ps_5` | [scroll-ps-5](#scroll_padding) | | `scroll_ps_52` | [scroll-ps-52](#scroll_padding) | | `scroll_ps_56` | [scroll-ps-56](#scroll_padding) | | `scroll_ps_6` | [scroll-ps-6](#scroll_padding) | | `scroll_ps_60` | [scroll-ps-60](#scroll_padding) | | `scroll_ps_64` | [scroll-ps-64](#scroll_padding) | | `scroll_ps_7` | [scroll-ps-7](#scroll_padding) | | `scroll_ps_72` | [scroll-ps-72](#scroll_padding) | | `scroll_ps_8` | [scroll-ps-8](#scroll_padding) | | `scroll_ps_80` | [scroll-ps-80](#scroll_padding) | | `scroll_ps_9` | [scroll-ps-9](#scroll_padding) | | `scroll_ps_96` | [scroll-ps-96](#scroll_padding) | | `scroll_ps_px` | [scroll-ps-px](#scroll_padding) | | `scroll_pt_0` | [scroll-pt-0](#scroll_padding) | | `scroll_pt_0_5` | [scroll-pt-0.5](#scroll_padding) | | `scroll_pt_1` | [scroll-pt-1](#scroll_padding) | | `scroll_pt_10` | [scroll-pt-10](#scroll_padding) | | `scroll_pt_11` | [scroll-pt-11](#scroll_padding) | | `scroll_pt_12` | [scroll-pt-12](#scroll_padding) | | `scroll_pt_14` | [scroll-pt-14](#scroll_padding) | | `scroll_pt_16` | [scroll-pt-16](#scroll_padding) | | `scroll_pt_1_5` | [scroll-pt-1.5](#scroll_padding) | | `scroll_pt_2` | [scroll-pt-2](#scroll_padding) | | `scroll_pt_20` | [scroll-pt-20](#scroll_padding) | | `scroll_pt_24` | [scroll-pt-24](#scroll_padding) | | `scroll_pt_28` | [scroll-pt-28](#scroll_padding) | | `scroll_pt_2_5` | [scroll-pt-2.5](#scroll_padding) | | `scroll_pt_3` | [scroll-pt-3](#scroll_padding) | | `scroll_pt_32` | [scroll-pt-32](#scroll_padding) | | `scroll_pt_36` | [scroll-pt-36](#scroll_padding) | | `scroll_pt_3_5` | [scroll-pt-3.5](#scroll_padding) | | `scroll_pt_4` | [scroll-pt-4](#scroll_padding) | | `scroll_pt_40` | [scroll-pt-40](#scroll_padding) | | `scroll_pt_44` | [scroll-pt-44](#scroll_padding) | | `scroll_pt_48` | [scroll-pt-48](#scroll_padding) | | `scroll_pt_5` | [scroll-pt-5](#scroll_padding) | | `scroll_pt_52` | [scroll-pt-52](#scroll_padding) | | `scroll_pt_56` | [scroll-pt-56](#scroll_padding) | | `scroll_pt_6` | [scroll-pt-6](#scroll_padding) | | `scroll_pt_60` | [scroll-pt-60](#scroll_padding) | | `scroll_pt_64` | [scroll-pt-64](#scroll_padding) | | `scroll_pt_7` | [scroll-pt-7](#scroll_padding) | | `scroll_pt_72` | [scroll-pt-72](#scroll_padding) | | `scroll_pt_8` | [scroll-pt-8](#scroll_padding) | | `scroll_pt_80` | [scroll-pt-80](#scroll_padding) | | `scroll_pt_9` | [scroll-pt-9](#scroll_padding) | | `scroll_pt_96` | [scroll-pt-96](#scroll_padding) | | `scroll_pt_px` | [scroll-pt-px](#scroll_padding) | | `scroll_px_0` | [scroll-px-0](#scroll_padding) | | `scroll_px_0_5` | [scroll-px-0.5](#scroll_padding) | | `scroll_px_1` | [scroll-px-1](#scroll_padding) | | `scroll_px_10` | [scroll-px-10](#scroll_padding) | | `scroll_px_11` | [scroll-px-11](#scroll_padding) | | `scroll_px_12` | [scroll-px-12](#scroll_padding) | | `scroll_px_14` | [scroll-px-14](#scroll_padding) | | `scroll_px_16` | [scroll-px-16](#scroll_padding) | | `scroll_px_1_5` | [scroll-px-1.5](#scroll_padding) | | `scroll_px_2` | [scroll-px-2](#scroll_padding) | | `scroll_px_20` | [scroll-px-20](#scroll_padding) | | `scroll_px_24` | [scroll-px-24](#scroll_padding) | | `scroll_px_28` | [scroll-px-28](#scroll_padding) | | `scroll_px_2_5` | [scroll-px-2.5](#scroll_padding) | | `scroll_px_3` | [scroll-px-3](#scroll_padding) | | `scroll_px_32` | [scroll-px-32](#scroll_padding) | | `scroll_px_36` | [scroll-px-36](#scroll_padding) | | `scroll_px_3_5` | [scroll-px-3.5](#scroll_padding) | | `scroll_px_4` | [scroll-px-4](#scroll_padding) | | `scroll_px_40` | [scroll-px-40](#scroll_padding) | | `scroll_px_44` | [scroll-px-44](#scroll_padding) | | `scroll_px_48` | [scroll-px-48](#scroll_padding) | | `scroll_px_5` | [scroll-px-5](#scroll_padding) | | `scroll_px_52` | [scroll-px-52](#scroll_padding) | | `scroll_px_56` | [scroll-px-56](#scroll_padding) | | `scroll_px_6` | [scroll-px-6](#scroll_padding) | | `scroll_px_60` | [scroll-px-60](#scroll_padding) | | `scroll_px_64` | [scroll-px-64](#scroll_padding) | | `scroll_px_7` | [scroll-px-7](#scroll_padding) | | `scroll_px_72` | [scroll-px-72](#scroll_padding) | | `scroll_px_8` | [scroll-px-8](#scroll_padding) | | `scroll_px_80` | [scroll-px-80](#scroll_padding) | | `scroll_px_9` | [scroll-px-9](#scroll_padding) | | `scroll_px_96` | [scroll-px-96](#scroll_padding) | | `scroll_px_px` | [scroll-px-px](#scroll_padding) | | `scroll_py_0` | [scroll-py-0](#scroll_padding) | | `scroll_py_0_5` | [scroll-py-0.5](#scroll_padding) | | `scroll_py_1` | [scroll-py-1](#scroll_padding) | | `scroll_py_10` | [scroll-py-10](#scroll_padding) | | `scroll_py_11` | [scroll-py-11](#scroll_padding) | | `scroll_py_12` | [scroll-py-12](#scroll_padding) | | `scroll_py_14` | [scroll-py-14](#scroll_padding) | | `scroll_py_16` | [scroll-py-16](#scroll_padding) | | `scroll_py_1_5` | [scroll-py-1.5](#scroll_padding) | | `scroll_py_2` | [scroll-py-2](#scroll_padding) | | `scroll_py_20` | [scroll-py-20](#scroll_padding) | | `scroll_py_24` | [scroll-py-24](#scroll_padding) | | `scroll_py_28` | [scroll-py-28](#scroll_padding) | | `scroll_py_2_5` | [scroll-py-2.5](#scroll_padding) | | `scroll_py_3` | [scroll-py-3](#scroll_padding) | | `scroll_py_32` | [scroll-py-32](#scroll_padding) | | `scroll_py_36` | [scroll-py-36](#scroll_padding) | | `scroll_py_3_5` | [scroll-py-3.5](#scroll_padding) | | `scroll_py_4` | [scroll-py-4](#scroll_padding) | | `scroll_py_40` | [scroll-py-40](#scroll_padding) | | `scroll_py_44` | [scroll-py-44](#scroll_padding) | | `scroll_py_48` | [scroll-py-48](#scroll_padding) | | `scroll_py_5` | [scroll-py-5](#scroll_padding) | | `scroll_py_52` | [scroll-py-52](#scroll_padding) | | `scroll_py_56` | [scroll-py-56](#scroll_padding) | | `scroll_py_6` | [scroll-py-6](#scroll_padding) | | `scroll_py_60` | [scroll-py-60](#scroll_padding) | | `scroll_py_64` | [scroll-py-64](#scroll_padding) | | `scroll_py_7` | [scroll-py-7](#scroll_padding) | | `scroll_py_72` | [scroll-py-72](#scroll_padding) | | `scroll_py_8` | [scroll-py-8](#scroll_padding) | | `scroll_py_80` | [scroll-py-80](#scroll_padding) | | `scroll_py_9` | [scroll-py-9](#scroll_padding) | | `scroll_py_96` | [scroll-py-96](#scroll_padding) | | `scroll_py_px` | [scroll-py-px](#scroll_padding) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `scroll_p_arbitrary`, `scroll_p_arb` | [scroll-p-[…]](#https://tailwindcss.com/docs/scroll-padding#arbitrary-values) | | `scroll_pb_arbitrary`, `scroll_pb_arb` | [scroll-pb-[…]](#https://tailwindcss.com/docs/scroll-padding#arbitrary-values) | | `scroll_pe_arbitrary`, `scroll_pe_arb` | [scroll-pe-[…]](#https://tailwindcss.com/docs/scroll-padding#arbitrary-values) | | `scroll_pl_arbitrary`, `scroll_pl_arb` | [scroll-pl-[…]](#https://tailwindcss.com/docs/scroll-padding#arbitrary-values) | | `scroll_pr_arbitrary`, `scroll_pr_arb` | [scroll-pr-[…]](#https://tailwindcss.com/docs/scroll-padding#arbitrary-values) | | `scroll_ps_arbitrary`, `scroll_ps_arb` | [scroll-ps-[…]](#https://tailwindcss.com/docs/scroll-padding#arbitrary-values) | | `scroll_pt_arbitrary`, `scroll_pt_arb` | [scroll-pt-[…]](#https://tailwindcss.com/docs/scroll-padding#arbitrary-values) | | `scroll_px_arbitrary`, `scroll_px_arb` | [scroll-px-[…]](#https://tailwindcss.com/docs/scroll-padding#arbitrary-values) | | `scroll_py_arbitrary`, `scroll_py_arb` | [scroll-py-[…]](#https://tailwindcss.com/docs/scroll-padding#arbitrary-values) | ## Scroll Snap Align Utilities for controlling the scroll snap alignment of an element. ### Group | TailwindJS token | | ----- | | `scroll_snap_align_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `snap_align_none` | [snap-align-none](#scroll_snap_align) | | `snap_center` | [snap-center](#scroll_snap_align) | | `snap_end` | [snap-end](#scroll_snap_align) | | `snap_start` | [snap-start](#scroll_snap_align) | ## Scroll Snap Stop Utilities for controlling whether you can skip past possible snap positions. ### Group | TailwindJS token | | ----- | | `scroll_snap_stop_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `snap_always` | [snap-always](#scroll_snap_stop) | | `snap_normal` | [snap-normal](#scroll_snap_stop) | ## Scroll Snap Type Utilities for controlling how strictly snap points are enforced in a snap container. ### Group | TailwindJS token | | ----- | | `scroll_snap_type_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `snap_both` | [snap-both](#scroll_snap_type) | | `snap_mandatory` | [snap-mandatory](#scroll_snap_type) | | `snap_none` | [snap-none](#scroll_snap_type) | | `snap_proximity` | [snap-proximity](#scroll_snap_type) | | `snap_x` | [snap-x](#scroll_snap_type) | | `snap_y` | [snap-y](#scroll_snap_type) | ## Touch Action Utilities for controlling how an element can be scrolled and zoomed on touchscreens. ### Group | TailwindJS token | | ----- | | `touch_action_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `touch_auto` | [touch-auto](#touch_action) | | `touch_manipulation` | [touch-manipulation](#touch_action) | | `touch_none` | [touch-none](#touch_action) | | `touch_pan_down` | [touch-pan-down](#touch_action) | | `touch_pan_left` | [touch-pan-left](#touch_action) | | `touch_pan_right` | [touch-pan-right](#touch_action) | | `touch_pan_up` | [touch-pan-up](#touch_action) | | `touch_pan_x` | [touch-pan-x](#touch_action) | | `touch_pan_y` | [touch-pan-y](#touch_action) | | `touch_pinch_zoom` | [touch-pinch-zoom](#touch_action) | ## User Select Utilities for controlling whether the user can select text in an element. ### Group | TailwindJS token | | ----- | | `user_select_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `select_all` | [select-all](#user_select) | | `select_auto` | [select-auto](#user_select) | | `select_none` | [select-none](#user_select) | | `select_text` | [select-text](#user_select) | ## Will Change Utilities for optimizing upcoming animations of elements that are expected to change. ### Group | TailwindJS token | | ----- | | `will_change_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `will_change_auto` | [will-change-auto](#will_change) | | `will_change_contents` | [will-change-contents](#will_change) | | `will_change_scroll` | [will-change-scroll](#will_change) | | `will_change_transform` | [will-change-transform](#will_change) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `will_change_arbitrary`, `will_change_arb` | [will-change-[…]](#https://tailwindcss.com/docs/will-change#arbitrary-values) |