# Typography - [Content](#content) - [Font Family](#font-family) - [Font Size](#font-size) - [Font Smoothing](#font-smoothing) - [Font Style](#font-style) - [Font Variant Numeric](#font-variant-numeric) - [Font Weight](#font-weight) - [Hyphens](#hyphens) - [Letter Spacing](#letter-spacing) - [Line Clamp](#line-clamp) - [Line Height](#line-height) - [List Style Image](#list-style-image) - [List Style Position](#list-style-position) - [List Style Type](#list-style-type) - [Text Align](#text-align) - [Text Color](#text-color) - [Text Decoration](#text-decoration) - [Text Decoration Color](#text-decoration-color) - [Text Decoration Style](#text-decoration-style) - [Text Decoration Thickness](#text-decoration-thickness) - [Text Indent](#text-indent) - [Text Overflow](#text-overflow) - [Text Transform](#text-transform) - [Text Underline Offset](#text-underline-offset) - [Text Wrap](#text-wrap) - [Vertical Align](#vertical-align) - [Whitespace](#whitespace) - [Word Break](#word-break) ----- ## Content Utilities for controlling the content of the before and after pseudo-elements. ### Group | TailwindJS token | | ----- | | `content_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `content_none` | [content-none](#content) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `content_arbitrary`, `content_arb` | [content-[…]](#https://tailwindcss.com/docs/content#arbitrary-values) | ## Font Family Utilities for controlling the font family of an element. ### Group | TailwindJS token | | ----- | | `font_family_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `font_mono` | [font-mono](#font_family) | | `font_sans` | [font-sans](#font_family) | | `font_serif` | [font-serif](#font_family) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `font_arbitrary`, `font_arb` | [font-[…]](#https://tailwindcss.com/docs/font-family#arbitrary-values) | ## Font Size Utilities for controlling the font size of an element. ### Group | TailwindJS token | | ----- | | `font_size_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `text_2xl` | [text-2xl](#font_size) | | `text_3xl` | [text-3xl](#font_size) | | `text_4xl` | [text-4xl](#font_size) | | `text_5xl` | [text-5xl](#font_size) | | `text_6xl` | [text-6xl](#font_size) | | `text_7xl` | [text-7xl](#font_size) | | `text_8xl` | [text-8xl](#font_size) | | `text_9xl` | [text-9xl](#font_size) | | `text_base` | [text-base](#font_size) | | `text_lg` | [text-lg](#font_size) | | `text_sm` | [text-sm](#font_size) | | `text_xl` | [text-xl](#font_size) | | `text_xs` | [text-xs](#font_size) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `text_arbitrary`, `text_arb` | [text-[…]](#https://tailwindcss.com/docs/font-size#arbitrary-values) | ## Font Smoothing Utilities for controlling the font smoothing of an element. ### Group | TailwindJS token | | ----- | | `font_smoothing_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `antialiased` | [antialiased](#font_smoothing) | | `subpixel_antialiased` | [subpixel-antialiased](#font_smoothing) | ## Font Style Utilities for controlling the style of text. ### Group | TailwindJS token | | ----- | | `font_style_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `italic` | [italic](#font_style) | | `not_italic` | [not-italic](#font_style) | ## Font Variant Numeric Utilities for controlling the variant of numbers. ### Group | TailwindJS token | | ----- | | `font_variant_numeric_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `diagonal_fractions` | [diagonal-fractions](#font_variant_numeric) | | `lining_nums` | [lining-nums](#font_variant_numeric) | | `normal_nums` | [normal-nums](#font_variant_numeric) | | `oldstyle_nums` | [oldstyle-nums](#font_variant_numeric) | | `ordinal` | [ordinal](#font_variant_numeric) | | `proportional_nums` | [proportional-nums](#font_variant_numeric) | | `slashed_zero` | [slashed-zero](#font_variant_numeric) | | `stacked_fractions` | [stacked-fractions](#font_variant_numeric) | | `tabular_nums` | [tabular-nums](#font_variant_numeric) | ## Font Weight Utilities for controlling the font weight of an element. ### Group | TailwindJS token | | ----- | | `font_weight_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `font_black` | [font-black](#font_weight) | | `font_bold` | [font-bold](#font_weight) | | `font_extrabold` | [font-extrabold](#font_weight) | | `font_extralight` | [font-extralight](#font_weight) | | `font_light` | [font-light](#font_weight) | | `font_medium` | [font-medium](#font_weight) | | `font_normal` | [font-normal](#font_weight) | | `font_semibold` | [font-semibold](#font_weight) | | `font_thin` | [font-thin](#font_weight) | ## Hyphens Utilities for controlling how words should be hyphenated. ### Group | TailwindJS token | | ----- | | `hyphens_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `hyphens_auto` | [hyphens-auto](#hyphens) | | `hyphens_manual` | [hyphens-manual](#hyphens) | | `hyphens_none` | [hyphens-none](#hyphens) | ## Letter Spacing Utilities for controlling the tracking (letter spacing) of an element. ### Group | TailwindJS token | | ----- | | `letter_spacing_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `tracking_normal` | [tracking-normal](#letter_spacing) | | `tracking_tight` | [tracking-tight](#letter_spacing) | | `tracking_tighter` | [tracking-tighter](#letter_spacing) | | `tracking_wide` | [tracking-wide](#letter_spacing) | | `tracking_wider` | [tracking-wider](#letter_spacing) | | `tracking_widest` | [tracking-widest](#letter_spacing) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `tracking_arbitrary`, `tracking_arb` | [tracking-[…]](#https://tailwindcss.com/docs/letter-spacing#arbitrary-values) | ## Line Clamp Utilities for clamping text to a specific number of lines. ### Group | TailwindJS token | | ----- | | `line_clamp_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `line_clamp_1` | [line-clamp-1](#line_clamp) | | `line_clamp_2` | [line-clamp-2](#line_clamp) | | `line_clamp_3` | [line-clamp-3](#line_clamp) | | `line_clamp_4` | [line-clamp-4](#line_clamp) | | `line_clamp_5` | [line-clamp-5](#line_clamp) | | `line_clamp_6` | [line-clamp-6](#line_clamp) | | `line_clamp_none` | [line-clamp-none](#line_clamp) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `line_clamp_arbitrary`, `line_clamp_arb` | [line-clamp-[…]](#https://tailwindcss.com/docs/line-clamp#arbitrary-values) | ## Line Height Utilities for controlling the leading (line height) of an element. ### Group | TailwindJS token | | ----- | | `line_height_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `leading_10` | [leading-10](#line_height) | | `leading_3` | [leading-3](#line_height) | | `leading_4` | [leading-4](#line_height) | | `leading_5` | [leading-5](#line_height) | | `leading_6` | [leading-6](#line_height) | | `leading_7` | [leading-7](#line_height) | | `leading_8` | [leading-8](#line_height) | | `leading_9` | [leading-9](#line_height) | | `leading_loose` | [leading-loose](#line_height) | | `leading_none` | [leading-none](#line_height) | | `leading_normal` | [leading-normal](#line_height) | | `leading_relaxed` | [leading-relaxed](#line_height) | | `leading_snug` | [leading-snug](#line_height) | | `leading_tight` | [leading-tight](#line_height) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `leading_arbitrary`, `leading_arb` | [leading-[…]](#https://tailwindcss.com/docs/line-height#arbitrary-values) | ## List Style Image Utilities for controlling the marker images for list items. ### Group | TailwindJS token | | ----- | | `list_style_image_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `list_image_none` | [list-image-none](#list_style_image) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `list_image_arbitrary`, `list_image_arb` | [list-image-[…]](#https://tailwindcss.com/docs/list-style-image#arbitrary-values) | ## List Style Position Utilities for controlling the position of bullets/numbers in lists. ### Group | TailwindJS token | | ----- | | `list_style_position_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `list_inside` | [list-inside](#list_style_position) | | `list_outside` | [list-outside](#list_style_position) | ## List Style Type Utilities for controlling the bullet/number style of a list. ### Group | TailwindJS token | | ----- | | `list_style_type_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `list_decimal` | [list-decimal](#list_style_type) | | `list_disc` | [list-disc](#list_style_type) | | `list_none` | [list-none](#list_style_type) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `list_arbitrary`, `list_arb` | [list-[…]](#https://tailwindcss.com/docs/list-style-type#arbitrary-values) | ## Text Align Utilities for controlling the alignment of text. ### Group | TailwindJS token | | ----- | | `text_align_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `text_center` | [text-center](#text_align) | | `text_end` | [text-end](#text_align) | | `text_justify` | [text-justify](#text_align) | | `text_left` | [text-left](#text_align) | | `text_right` | [text-right](#text_align) | | `text_start` | [text-start](#text_align) | ## Text Color Utilities for controlling the text color of an element. ### Group | TailwindJS token | | ----- | | `text_color_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `text_amber_100` | [text-amber-100](#text_color) | | `text_amber_200` | [text-amber-200](#text_color) | | `text_amber_300` | [text-amber-300](#text_color) | | `text_amber_400` | [text-amber-400](#text_color) | | `text_amber_50` | [text-amber-50](#text_color) | | `text_amber_500` | [text-amber-500](#text_color) | | `text_amber_600` | [text-amber-600](#text_color) | | `text_amber_700` | [text-amber-700](#text_color) | | `text_amber_800` | [text-amber-800](#text_color) | | `text_amber_900` | [text-amber-900](#text_color) | | `text_amber_950` | [text-amber-950](#text_color) | | `text_black` | [text-black](#text_color) | | `text_blue_100` | [text-blue-100](#text_color) | | `text_blue_200` | [text-blue-200](#text_color) | | `text_blue_300` | [text-blue-300](#text_color) | | `text_blue_400` | [text-blue-400](#text_color) | | `text_blue_50` | [text-blue-50](#text_color) | | `text_blue_500` | [text-blue-500](#text_color) | | `text_blue_600` | [text-blue-600](#text_color) | | `text_blue_700` | [text-blue-700](#text_color) | | `text_blue_800` | [text-blue-800](#text_color) | | `text_blue_900` | [text-blue-900](#text_color) | | `text_blue_950` | [text-blue-950](#text_color) | | `text_current` | [text-current](#text_color) | | `text_cyan_100` | [text-cyan-100](#text_color) | | `text_cyan_200` | [text-cyan-200](#text_color) | | `text_cyan_300` | [text-cyan-300](#text_color) | | `text_cyan_400` | [text-cyan-400](#text_color) | | `text_cyan_50` | [text-cyan-50](#text_color) | | `text_cyan_500` | [text-cyan-500](#text_color) | | `text_cyan_600` | [text-cyan-600](#text_color) | | `text_cyan_700` | [text-cyan-700](#text_color) | | `text_cyan_800` | [text-cyan-800](#text_color) | | `text_cyan_900` | [text-cyan-900](#text_color) | | `text_cyan_950` | [text-cyan-950](#text_color) | | `text_emerald_100` | [text-emerald-100](#text_color) | | `text_emerald_200` | [text-emerald-200](#text_color) | | `text_emerald_300` | [text-emerald-300](#text_color) | | `text_emerald_400` | [text-emerald-400](#text_color) | | `text_emerald_50` | [text-emerald-50](#text_color) | | `text_emerald_500` | [text-emerald-500](#text_color) | | `text_emerald_600` | [text-emerald-600](#text_color) | | `text_emerald_700` | [text-emerald-700](#text_color) | | `text_emerald_800` | [text-emerald-800](#text_color) | | `text_emerald_900` | [text-emerald-900](#text_color) | | `text_emerald_950` | [text-emerald-950](#text_color) | | `text_fuchsia_100` | [text-fuchsia-100](#text_color) | | `text_fuchsia_200` | [text-fuchsia-200](#text_color) | | `text_fuchsia_300` | [text-fuchsia-300](#text_color) | | `text_fuchsia_400` | [text-fuchsia-400](#text_color) | | `text_fuchsia_50` | [text-fuchsia-50](#text_color) | | `text_fuchsia_500` | [text-fuchsia-500](#text_color) | | `text_fuchsia_600` | [text-fuchsia-600](#text_color) | | `text_fuchsia_700` | [text-fuchsia-700](#text_color) | | `text_fuchsia_800` | [text-fuchsia-800](#text_color) | | `text_fuchsia_900` | [text-fuchsia-900](#text_color) | | `text_fuchsia_950` | [text-fuchsia-950](#text_color) | | `text_gray_100` | [text-gray-100](#text_color) | | `text_gray_200` | [text-gray-200](#text_color) | | `text_gray_300` | [text-gray-300](#text_color) | | `text_gray_400` | [text-gray-400](#text_color) | | `text_gray_50` | [text-gray-50](#text_color) | | `text_gray_500` | [text-gray-500](#text_color) | | `text_gray_600` | [text-gray-600](#text_color) | | `text_gray_700` | [text-gray-700](#text_color) | | `text_gray_800` | [text-gray-800](#text_color) | | `text_gray_900` | [text-gray-900](#text_color) | | `text_gray_950` | [text-gray-950](#text_color) | | `text_green_100` | [text-green-100](#text_color) | | `text_green_200` | [text-green-200](#text_color) | | `text_green_300` | [text-green-300](#text_color) | | `text_green_400` | [text-green-400](#text_color) | | `text_green_50` | [text-green-50](#text_color) | | `text_green_500` | [text-green-500](#text_color) | | `text_green_600` | [text-green-600](#text_color) | | `text_green_700` | [text-green-700](#text_color) | | `text_green_800` | [text-green-800](#text_color) | | `text_green_900` | [text-green-900](#text_color) | | `text_green_950` | [text-green-950](#text_color) | | `text_indigo_100` | [text-indigo-100](#text_color) | | `text_indigo_200` | [text-indigo-200](#text_color) | | `text_indigo_300` | [text-indigo-300](#text_color) | | `text_indigo_400` | [text-indigo-400](#text_color) | | `text_indigo_50` | [text-indigo-50](#text_color) | | `text_indigo_500` | [text-indigo-500](#text_color) | | `text_indigo_600` | [text-indigo-600](#text_color) | | `text_indigo_700` | [text-indigo-700](#text_color) | | `text_indigo_800` | [text-indigo-800](#text_color) | | `text_indigo_900` | [text-indigo-900](#text_color) | | `text_indigo_950` | [text-indigo-950](#text_color) | | `text_inherit` | [text-inherit](#text_color) | | `text_lime_100` | [text-lime-100](#text_color) | | `text_lime_200` | [text-lime-200](#text_color) | | `text_lime_300` | [text-lime-300](#text_color) | | `text_lime_400` | [text-lime-400](#text_color) | | `text_lime_50` | [text-lime-50](#text_color) | | `text_lime_500` | [text-lime-500](#text_color) | | `text_lime_600` | [text-lime-600](#text_color) | | `text_lime_700` | [text-lime-700](#text_color) | | `text_lime_800` | [text-lime-800](#text_color) | | `text_lime_900` | [text-lime-900](#text_color) | | `text_lime_950` | [text-lime-950](#text_color) | | `text_neutral_100` | [text-neutral-100](#text_color) | | `text_neutral_200` | [text-neutral-200](#text_color) | | `text_neutral_300` | [text-neutral-300](#text_color) | | `text_neutral_400` | [text-neutral-400](#text_color) | | `text_neutral_50` | [text-neutral-50](#text_color) | | `text_neutral_500` | [text-neutral-500](#text_color) | | `text_neutral_600` | [text-neutral-600](#text_color) | | `text_neutral_700` | [text-neutral-700](#text_color) | | `text_neutral_800` | [text-neutral-800](#text_color) | | `text_neutral_900` | [text-neutral-900](#text_color) | | `text_neutral_950` | [text-neutral-950](#text_color) | | `text_orange_100` | [text-orange-100](#text_color) | | `text_orange_200` | [text-orange-200](#text_color) | | `text_orange_300` | [text-orange-300](#text_color) | | `text_orange_400` | [text-orange-400](#text_color) | | `text_orange_50` | [text-orange-50](#text_color) | | `text_orange_500` | [text-orange-500](#text_color) | | `text_orange_600` | [text-orange-600](#text_color) | | `text_orange_700` | [text-orange-700](#text_color) | | `text_orange_800` | [text-orange-800](#text_color) | | `text_orange_900` | [text-orange-900](#text_color) | | `text_orange_950` | [text-orange-950](#text_color) | | `text_pink_100` | [text-pink-100](#text_color) | | `text_pink_200` | [text-pink-200](#text_color) | | `text_pink_300` | [text-pink-300](#text_color) | | `text_pink_400` | [text-pink-400](#text_color) | | `text_pink_50` | [text-pink-50](#text_color) | | `text_pink_500` | [text-pink-500](#text_color) | | `text_pink_600` | [text-pink-600](#text_color) | | `text_pink_700` | [text-pink-700](#text_color) | | `text_pink_800` | [text-pink-800](#text_color) | | `text_pink_900` | [text-pink-900](#text_color) | | `text_pink_950` | [text-pink-950](#text_color) | | `text_purple_100` | [text-purple-100](#text_color) | | `text_purple_200` | [text-purple-200](#text_color) | | `text_purple_300` | [text-purple-300](#text_color) | | `text_purple_400` | [text-purple-400](#text_color) | | `text_purple_50` | [text-purple-50](#text_color) | | `text_purple_500` | [text-purple-500](#text_color) | | `text_purple_600` | [text-purple-600](#text_color) | | `text_purple_700` | [text-purple-700](#text_color) | | `text_purple_800` | [text-purple-800](#text_color) | | `text_purple_900` | [text-purple-900](#text_color) | | `text_purple_950` | [text-purple-950](#text_color) | | `text_red_100` | [text-red-100](#text_color) | | `text_red_200` | [text-red-200](#text_color) | | `text_red_300` | [text-red-300](#text_color) | | `text_red_400` | [text-red-400](#text_color) | | `text_red_50` | [text-red-50](#text_color) | | `text_red_500` | [text-red-500](#text_color) | | `text_red_600` | [text-red-600](#text_color) | | `text_red_700` | [text-red-700](#text_color) | | `text_red_800` | [text-red-800](#text_color) | | `text_red_900` | [text-red-900](#text_color) | | `text_red_950` | [text-red-950](#text_color) | | `text_rose_100` | [text-rose-100](#text_color) | | `text_rose_200` | [text-rose-200](#text_color) | | `text_rose_300` | [text-rose-300](#text_color) | | `text_rose_400` | [text-rose-400](#text_color) | | `text_rose_50` | [text-rose-50](#text_color) | | `text_rose_500` | [text-rose-500](#text_color) | | `text_rose_600` | [text-rose-600](#text_color) | | `text_rose_700` | [text-rose-700](#text_color) | | `text_rose_800` | [text-rose-800](#text_color) | | `text_rose_900` | [text-rose-900](#text_color) | | `text_rose_950` | [text-rose-950](#text_color) | | `text_sky_100` | [text-sky-100](#text_color) | | `text_sky_200` | [text-sky-200](#text_color) | | `text_sky_300` | [text-sky-300](#text_color) | | `text_sky_400` | [text-sky-400](#text_color) | | `text_sky_50` | [text-sky-50](#text_color) | | `text_sky_500` | [text-sky-500](#text_color) | | `text_sky_600` | [text-sky-600](#text_color) | | `text_sky_700` | [text-sky-700](#text_color) | | `text_sky_800` | [text-sky-800](#text_color) | | `text_sky_900` | [text-sky-900](#text_color) | | `text_sky_950` | [text-sky-950](#text_color) | | `text_slate_100` | [text-slate-100](#text_color) | | `text_slate_200` | [text-slate-200](#text_color) | | `text_slate_300` | [text-slate-300](#text_color) | | `text_slate_400` | [text-slate-400](#text_color) | | `text_slate_50` | [text-slate-50](#text_color) | | `text_slate_500` | [text-slate-500](#text_color) | | `text_slate_600` | [text-slate-600](#text_color) | | `text_slate_700` | [text-slate-700](#text_color) | | `text_slate_800` | [text-slate-800](#text_color) | | `text_slate_900` | [text-slate-900](#text_color) | | `text_slate_950` | [text-slate-950](#text_color) | | `text_stone_100` | [text-stone-100](#text_color) | | `text_stone_200` | [text-stone-200](#text_color) | | `text_stone_300` | [text-stone-300](#text_color) | | `text_stone_400` | [text-stone-400](#text_color) | | `text_stone_50` | [text-stone-50](#text_color) | | `text_stone_500` | [text-stone-500](#text_color) | | `text_stone_600` | [text-stone-600](#text_color) | | `text_stone_700` | [text-stone-700](#text_color) | | `text_stone_800` | [text-stone-800](#text_color) | | `text_stone_900` | [text-stone-900](#text_color) | | `text_stone_950` | [text-stone-950](#text_color) | | `text_teal_100` | [text-teal-100](#text_color) | | `text_teal_200` | [text-teal-200](#text_color) | | `text_teal_300` | [text-teal-300](#text_color) | | `text_teal_400` | [text-teal-400](#text_color) | | `text_teal_50` | [text-teal-50](#text_color) | | `text_teal_500` | [text-teal-500](#text_color) | | `text_teal_600` | [text-teal-600](#text_color) | | `text_teal_700` | [text-teal-700](#text_color) | | `text_teal_800` | [text-teal-800](#text_color) | | `text_teal_900` | [text-teal-900](#text_color) | | `text_teal_950` | [text-teal-950](#text_color) | | `text_transparent` | [text-transparent](#text_color) | | `text_violet_100` | [text-violet-100](#text_color) | | `text_violet_200` | [text-violet-200](#text_color) | | `text_violet_300` | [text-violet-300](#text_color) | | `text_violet_400` | [text-violet-400](#text_color) | | `text_violet_50` | [text-violet-50](#text_color) | | `text_violet_500` | [text-violet-500](#text_color) | | `text_violet_600` | [text-violet-600](#text_color) | | `text_violet_700` | [text-violet-700](#text_color) | | `text_violet_800` | [text-violet-800](#text_color) | | `text_violet_900` | [text-violet-900](#text_color) | | `text_violet_950` | [text-violet-950](#text_color) | | `text_white` | [text-white](#text_color) | | `text_yellow_100` | [text-yellow-100](#text_color) | | `text_yellow_200` | [text-yellow-200](#text_color) | | `text_yellow_300` | [text-yellow-300](#text_color) | | `text_yellow_400` | [text-yellow-400](#text_color) | | `text_yellow_50` | [text-yellow-50](#text_color) | | `text_yellow_500` | [text-yellow-500](#text_color) | | `text_yellow_600` | [text-yellow-600](#text_color) | | `text_yellow_700` | [text-yellow-700](#text_color) | | `text_yellow_800` | [text-yellow-800](#text_color) | | `text_yellow_900` | [text-yellow-900](#text_color) | | `text_yellow_950` | [text-yellow-950](#text_color) | | `text_zinc_100` | [text-zinc-100](#text_color) | | `text_zinc_200` | [text-zinc-200](#text_color) | | `text_zinc_300` | [text-zinc-300](#text_color) | | `text_zinc_400` | [text-zinc-400](#text_color) | | `text_zinc_50` | [text-zinc-50](#text_color) | | `text_zinc_500` | [text-zinc-500](#text_color) | | `text_zinc_600` | [text-zinc-600](#text_color) | | `text_zinc_700` | [text-zinc-700](#text_color) | | `text_zinc_800` | [text-zinc-800](#text_color) | | `text_zinc_900` | [text-zinc-900](#text_color) | | `text_zinc_950` | [text-zinc-950](#text_color) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `text_amber_arbitrary`, `text_amber_arb` | [text-amber-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_blue_arbitrary`, `text_blue_arb` | [text-blue-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_cyan_arbitrary`, `text_cyan_arb` | [text-cyan-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_emerald_arbitrary`, `text_emerald_arb` | [text-emerald-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_fuchsia_arbitrary`, `text_fuchsia_arb` | [text-fuchsia-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_gray_arbitrary`, `text_gray_arb` | [text-gray-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_green_arbitrary`, `text_green_arb` | [text-green-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_indigo_arbitrary`, `text_indigo_arb` | [text-indigo-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_lime_arbitrary`, `text_lime_arb` | [text-lime-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_neutral_arbitrary`, `text_neutral_arb` | [text-neutral-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_orange_arbitrary`, `text_orange_arb` | [text-orange-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_pink_arbitrary`, `text_pink_arb` | [text-pink-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_purple_arbitrary`, `text_purple_arb` | [text-purple-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_red_arbitrary`, `text_red_arb` | [text-red-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_rose_arbitrary`, `text_rose_arb` | [text-rose-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_sky_arbitrary`, `text_sky_arb` | [text-sky-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_slate_arbitrary`, `text_slate_arb` | [text-slate-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_stone_arbitrary`, `text_stone_arb` | [text-stone-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_teal_arbitrary`, `text_teal_arb` | [text-teal-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_violet_arbitrary`, `text_violet_arb` | [text-violet-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_yellow_arbitrary`, `text_yellow_arb` | [text-yellow-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | | `text_zinc_arbitrary`, `text_zinc_arb` | [text-zinc-[…]](#https://tailwindcss.com/docs/text-color#arbitrary-values) | ## Text Decoration Utilities for controlling the decoration of text. ### Group | TailwindJS token | | ----- | | `text_decoration_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `line_through` | [line-through](#text_decoration) | | `no_underline` | [no-underline](#text_decoration) | | `overline` | [overline](#text_decoration) | | `underline` | [underline](#text_decoration) | ## Text Decoration Color Utilities for controlling the color of text decorations. ### Group | TailwindJS token | | ----- | | `text_decoration_color_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `decoration_amber_100` | [decoration-amber-100](#text_decoration_color) | | `decoration_amber_200` | [decoration-amber-200](#text_decoration_color) | | `decoration_amber_300` | [decoration-amber-300](#text_decoration_color) | | `decoration_amber_400` | [decoration-amber-400](#text_decoration_color) | | `decoration_amber_50` | [decoration-amber-50](#text_decoration_color) | | `decoration_amber_500` | [decoration-amber-500](#text_decoration_color) | | `decoration_amber_600` | [decoration-amber-600](#text_decoration_color) | | `decoration_amber_700` | [decoration-amber-700](#text_decoration_color) | | `decoration_amber_800` | [decoration-amber-800](#text_decoration_color) | | `decoration_amber_900` | [decoration-amber-900](#text_decoration_color) | | `decoration_amber_950` | [decoration-amber-950](#text_decoration_color) | | `decoration_black` | [decoration-black](#text_decoration_color) | | `decoration_blue_100` | [decoration-blue-100](#text_decoration_color) | | `decoration_blue_200` | [decoration-blue-200](#text_decoration_color) | | `decoration_blue_300` | [decoration-blue-300](#text_decoration_color) | | `decoration_blue_400` | [decoration-blue-400](#text_decoration_color) | | `decoration_blue_50` | [decoration-blue-50](#text_decoration_color) | | `decoration_blue_500` | [decoration-blue-500](#text_decoration_color) | | `decoration_blue_600` | [decoration-blue-600](#text_decoration_color) | | `decoration_blue_700` | [decoration-blue-700](#text_decoration_color) | | `decoration_blue_800` | [decoration-blue-800](#text_decoration_color) | | `decoration_blue_900` | [decoration-blue-900](#text_decoration_color) | | `decoration_blue_950` | [decoration-blue-950](#text_decoration_color) | | `decoration_current` | [decoration-current](#text_decoration_color) | | `decoration_cyan_100` | [decoration-cyan-100](#text_decoration_color) | | `decoration_cyan_200` | [decoration-cyan-200](#text_decoration_color) | | `decoration_cyan_300` | [decoration-cyan-300](#text_decoration_color) | | `decoration_cyan_400` | [decoration-cyan-400](#text_decoration_color) | | `decoration_cyan_50` | [decoration-cyan-50](#text_decoration_color) | | `decoration_cyan_500` | [decoration-cyan-500](#text_decoration_color) | | `decoration_cyan_600` | [decoration-cyan-600](#text_decoration_color) | | `decoration_cyan_700` | [decoration-cyan-700](#text_decoration_color) | | `decoration_cyan_800` | [decoration-cyan-800](#text_decoration_color) | | `decoration_cyan_900` | [decoration-cyan-900](#text_decoration_color) | | `decoration_cyan_950` | [decoration-cyan-950](#text_decoration_color) | | `decoration_emerald_100` | [decoration-emerald-100](#text_decoration_color) | | `decoration_emerald_200` | [decoration-emerald-200](#text_decoration_color) | | `decoration_emerald_300` | [decoration-emerald-300](#text_decoration_color) | | `decoration_emerald_400` | [decoration-emerald-400](#text_decoration_color) | | `decoration_emerald_50` | [decoration-emerald-50](#text_decoration_color) | | `decoration_emerald_500` | [decoration-emerald-500](#text_decoration_color) | | `decoration_emerald_600` | [decoration-emerald-600](#text_decoration_color) | | `decoration_emerald_700` | [decoration-emerald-700](#text_decoration_color) | | `decoration_emerald_800` | [decoration-emerald-800](#text_decoration_color) | | `decoration_emerald_900` | [decoration-emerald-900](#text_decoration_color) | | `decoration_emerald_950` | [decoration-emerald-950](#text_decoration_color) | | `decoration_fuchsia_100` | [decoration-fuchsia-100](#text_decoration_color) | | `decoration_fuchsia_200` | [decoration-fuchsia-200](#text_decoration_color) | | `decoration_fuchsia_300` | [decoration-fuchsia-300](#text_decoration_color) | | `decoration_fuchsia_400` | [decoration-fuchsia-400](#text_decoration_color) | | `decoration_fuchsia_50` | [decoration-fuchsia-50](#text_decoration_color) | | `decoration_fuchsia_500` | [decoration-fuchsia-500](#text_decoration_color) | | `decoration_fuchsia_600` | [decoration-fuchsia-600](#text_decoration_color) | | `decoration_fuchsia_700` | [decoration-fuchsia-700](#text_decoration_color) | | `decoration_fuchsia_800` | [decoration-fuchsia-800](#text_decoration_color) | | `decoration_fuchsia_900` | [decoration-fuchsia-900](#text_decoration_color) | | `decoration_fuchsia_950` | [decoration-fuchsia-950](#text_decoration_color) | | `decoration_gray_100` | [decoration-gray-100](#text_decoration_color) | | `decoration_gray_200` | [decoration-gray-200](#text_decoration_color) | | `decoration_gray_300` | [decoration-gray-300](#text_decoration_color) | | `decoration_gray_400` | [decoration-gray-400](#text_decoration_color) | | `decoration_gray_50` | [decoration-gray-50](#text_decoration_color) | | `decoration_gray_500` | [decoration-gray-500](#text_decoration_color) | | `decoration_gray_600` | [decoration-gray-600](#text_decoration_color) | | `decoration_gray_700` | [decoration-gray-700](#text_decoration_color) | | `decoration_gray_800` | [decoration-gray-800](#text_decoration_color) | | `decoration_gray_900` | [decoration-gray-900](#text_decoration_color) | | `decoration_gray_950` | [decoration-gray-950](#text_decoration_color) | | `decoration_green_100` | [decoration-green-100](#text_decoration_color) | | `decoration_green_200` | [decoration-green-200](#text_decoration_color) | | `decoration_green_300` | [decoration-green-300](#text_decoration_color) | | `decoration_green_400` | [decoration-green-400](#text_decoration_color) | | `decoration_green_50` | [decoration-green-50](#text_decoration_color) | | `decoration_green_500` | [decoration-green-500](#text_decoration_color) | | `decoration_green_600` | [decoration-green-600](#text_decoration_color) | | `decoration_green_700` | [decoration-green-700](#text_decoration_color) | | `decoration_green_800` | [decoration-green-800](#text_decoration_color) | | `decoration_green_900` | [decoration-green-900](#text_decoration_color) | | `decoration_green_950` | [decoration-green-950](#text_decoration_color) | | `decoration_indigo_100` | [decoration-indigo-100](#text_decoration_color) | | `decoration_indigo_200` | [decoration-indigo-200](#text_decoration_color) | | `decoration_indigo_300` | [decoration-indigo-300](#text_decoration_color) | | `decoration_indigo_400` | [decoration-indigo-400](#text_decoration_color) | | `decoration_indigo_50` | [decoration-indigo-50](#text_decoration_color) | | `decoration_indigo_500` | [decoration-indigo-500](#text_decoration_color) | | `decoration_indigo_600` | [decoration-indigo-600](#text_decoration_color) | | `decoration_indigo_700` | [decoration-indigo-700](#text_decoration_color) | | `decoration_indigo_800` | [decoration-indigo-800](#text_decoration_color) | | `decoration_indigo_900` | [decoration-indigo-900](#text_decoration_color) | | `decoration_indigo_950` | [decoration-indigo-950](#text_decoration_color) | | `decoration_inherit` | [decoration-inherit](#text_decoration_color) | | `decoration_lime_100` | [decoration-lime-100](#text_decoration_color) | | `decoration_lime_200` | [decoration-lime-200](#text_decoration_color) | | `decoration_lime_300` | [decoration-lime-300](#text_decoration_color) | | `decoration_lime_400` | [decoration-lime-400](#text_decoration_color) | | `decoration_lime_50` | [decoration-lime-50](#text_decoration_color) | | `decoration_lime_500` | [decoration-lime-500](#text_decoration_color) | | `decoration_lime_600` | [decoration-lime-600](#text_decoration_color) | | `decoration_lime_700` | [decoration-lime-700](#text_decoration_color) | | `decoration_lime_800` | [decoration-lime-800](#text_decoration_color) | | `decoration_lime_900` | [decoration-lime-900](#text_decoration_color) | | `decoration_lime_950` | [decoration-lime-950](#text_decoration_color) | | `decoration_neutral_100` | [decoration-neutral-100](#text_decoration_color) | | `decoration_neutral_200` | [decoration-neutral-200](#text_decoration_color) | | `decoration_neutral_300` | [decoration-neutral-300](#text_decoration_color) | | `decoration_neutral_400` | [decoration-neutral-400](#text_decoration_color) | | `decoration_neutral_50` | [decoration-neutral-50](#text_decoration_color) | | `decoration_neutral_500` | [decoration-neutral-500](#text_decoration_color) | | `decoration_neutral_600` | [decoration-neutral-600](#text_decoration_color) | | `decoration_neutral_700` | [decoration-neutral-700](#text_decoration_color) | | `decoration_neutral_800` | [decoration-neutral-800](#text_decoration_color) | | `decoration_neutral_900` | [decoration-neutral-900](#text_decoration_color) | | `decoration_neutral_950` | [decoration-neutral-950](#text_decoration_color) | | `decoration_orange_100` | [decoration-orange-100](#text_decoration_color) | | `decoration_orange_200` | [decoration-orange-200](#text_decoration_color) | | `decoration_orange_300` | [decoration-orange-300](#text_decoration_color) | | `decoration_orange_400` | [decoration-orange-400](#text_decoration_color) | | `decoration_orange_50` | [decoration-orange-50](#text_decoration_color) | | `decoration_orange_500` | [decoration-orange-500](#text_decoration_color) | | `decoration_orange_600` | [decoration-orange-600](#text_decoration_color) | | `decoration_orange_700` | [decoration-orange-700](#text_decoration_color) | | `decoration_orange_800` | [decoration-orange-800](#text_decoration_color) | | `decoration_orange_900` | [decoration-orange-900](#text_decoration_color) | | `decoration_orange_950` | [decoration-orange-950](#text_decoration_color) | | `decoration_pink_100` | [decoration-pink-100](#text_decoration_color) | | `decoration_pink_200` | [decoration-pink-200](#text_decoration_color) | | `decoration_pink_300` | [decoration-pink-300](#text_decoration_color) | | `decoration_pink_400` | [decoration-pink-400](#text_decoration_color) | | `decoration_pink_50` | [decoration-pink-50](#text_decoration_color) | | `decoration_pink_500` | [decoration-pink-500](#text_decoration_color) | | `decoration_pink_600` | [decoration-pink-600](#text_decoration_color) | | `decoration_pink_700` | [decoration-pink-700](#text_decoration_color) | | `decoration_pink_800` | [decoration-pink-800](#text_decoration_color) | | `decoration_pink_900` | [decoration-pink-900](#text_decoration_color) | | `decoration_pink_950` | [decoration-pink-950](#text_decoration_color) | | `decoration_purple_100` | [decoration-purple-100](#text_decoration_color) | | `decoration_purple_200` | [decoration-purple-200](#text_decoration_color) | | `decoration_purple_300` | [decoration-purple-300](#text_decoration_color) | | `decoration_purple_400` | [decoration-purple-400](#text_decoration_color) | | `decoration_purple_50` | [decoration-purple-50](#text_decoration_color) | | `decoration_purple_500` | [decoration-purple-500](#text_decoration_color) | | `decoration_purple_600` | [decoration-purple-600](#text_decoration_color) | | `decoration_purple_700` | [decoration-purple-700](#text_decoration_color) | | `decoration_purple_800` | [decoration-purple-800](#text_decoration_color) | | `decoration_purple_900` | [decoration-purple-900](#text_decoration_color) | | `decoration_purple_950` | [decoration-purple-950](#text_decoration_color) | | `decoration_red_100` | [decoration-red-100](#text_decoration_color) | | `decoration_red_200` | [decoration-red-200](#text_decoration_color) | | `decoration_red_300` | [decoration-red-300](#text_decoration_color) | | `decoration_red_400` | [decoration-red-400](#text_decoration_color) | | `decoration_red_50` | [decoration-red-50](#text_decoration_color) | | `decoration_red_500` | [decoration-red-500](#text_decoration_color) | | `decoration_red_600` | [decoration-red-600](#text_decoration_color) | | `decoration_red_700` | [decoration-red-700](#text_decoration_color) | | `decoration_red_800` | [decoration-red-800](#text_decoration_color) | | `decoration_red_900` | [decoration-red-900](#text_decoration_color) | | `decoration_red_950` | [decoration-red-950](#text_decoration_color) | | `decoration_rose_100` | [decoration-rose-100](#text_decoration_color) | | `decoration_rose_200` | [decoration-rose-200](#text_decoration_color) | | `decoration_rose_300` | [decoration-rose-300](#text_decoration_color) | | `decoration_rose_400` | [decoration-rose-400](#text_decoration_color) | | `decoration_rose_50` | [decoration-rose-50](#text_decoration_color) | | `decoration_rose_500` | [decoration-rose-500](#text_decoration_color) | | `decoration_rose_600` | [decoration-rose-600](#text_decoration_color) | | `decoration_rose_700` | [decoration-rose-700](#text_decoration_color) | | `decoration_rose_800` | [decoration-rose-800](#text_decoration_color) | | `decoration_rose_900` | [decoration-rose-900](#text_decoration_color) | | `decoration_rose_950` | [decoration-rose-950](#text_decoration_color) | | `decoration_sky_100` | [decoration-sky-100](#text_decoration_color) | | `decoration_sky_200` | [decoration-sky-200](#text_decoration_color) | | `decoration_sky_300` | [decoration-sky-300](#text_decoration_color) | | `decoration_sky_400` | [decoration-sky-400](#text_decoration_color) | | `decoration_sky_50` | [decoration-sky-50](#text_decoration_color) | | `decoration_sky_500` | [decoration-sky-500](#text_decoration_color) | | `decoration_sky_600` | [decoration-sky-600](#text_decoration_color) | | `decoration_sky_700` | [decoration-sky-700](#text_decoration_color) | | `decoration_sky_800` | [decoration-sky-800](#text_decoration_color) | | `decoration_sky_900` | [decoration-sky-900](#text_decoration_color) | | `decoration_sky_950` | [decoration-sky-950](#text_decoration_color) | | `decoration_slate_100` | [decoration-slate-100](#text_decoration_color) | | `decoration_slate_200` | [decoration-slate-200](#text_decoration_color) | | `decoration_slate_300` | [decoration-slate-300](#text_decoration_color) | | `decoration_slate_400` | [decoration-slate-400](#text_decoration_color) | | `decoration_slate_50` | [decoration-slate-50](#text_decoration_color) | | `decoration_slate_500` | [decoration-slate-500](#text_decoration_color) | | `decoration_slate_600` | [decoration-slate-600](#text_decoration_color) | | `decoration_slate_700` | [decoration-slate-700](#text_decoration_color) | | `decoration_slate_800` | [decoration-slate-800](#text_decoration_color) | | `decoration_slate_900` | [decoration-slate-900](#text_decoration_color) | | `decoration_slate_950` | [decoration-slate-950](#text_decoration_color) | | `decoration_stone_100` | [decoration-stone-100](#text_decoration_color) | | `decoration_stone_200` | [decoration-stone-200](#text_decoration_color) | | `decoration_stone_300` | [decoration-stone-300](#text_decoration_color) | | `decoration_stone_400` | [decoration-stone-400](#text_decoration_color) | | `decoration_stone_50` | [decoration-stone-50](#text_decoration_color) | | `decoration_stone_500` | [decoration-stone-500](#text_decoration_color) | | `decoration_stone_600` | [decoration-stone-600](#text_decoration_color) | | `decoration_stone_700` | [decoration-stone-700](#text_decoration_color) | | `decoration_stone_800` | [decoration-stone-800](#text_decoration_color) | | `decoration_stone_900` | [decoration-stone-900](#text_decoration_color) | | `decoration_stone_950` | [decoration-stone-950](#text_decoration_color) | | `decoration_teal_100` | [decoration-teal-100](#text_decoration_color) | | `decoration_teal_200` | [decoration-teal-200](#text_decoration_color) | | `decoration_teal_300` | [decoration-teal-300](#text_decoration_color) | | `decoration_teal_400` | [decoration-teal-400](#text_decoration_color) | | `decoration_teal_50` | [decoration-teal-50](#text_decoration_color) | | `decoration_teal_500` | [decoration-teal-500](#text_decoration_color) | | `decoration_teal_600` | [decoration-teal-600](#text_decoration_color) | | `decoration_teal_700` | [decoration-teal-700](#text_decoration_color) | | `decoration_teal_800` | [decoration-teal-800](#text_decoration_color) | | `decoration_teal_900` | [decoration-teal-900](#text_decoration_color) | | `decoration_teal_950` | [decoration-teal-950](#text_decoration_color) | | `decoration_transparent` | [decoration-transparent](#text_decoration_color) | | `decoration_violet_100` | [decoration-violet-100](#text_decoration_color) | | `decoration_violet_200` | [decoration-violet-200](#text_decoration_color) | | `decoration_violet_300` | [decoration-violet-300](#text_decoration_color) | | `decoration_violet_400` | [decoration-violet-400](#text_decoration_color) | | `decoration_violet_50` | [decoration-violet-50](#text_decoration_color) | | `decoration_violet_500` | [decoration-violet-500](#text_decoration_color) | | `decoration_violet_600` | [decoration-violet-600](#text_decoration_color) | | `decoration_violet_700` | [decoration-violet-700](#text_decoration_color) | | `decoration_violet_800` | [decoration-violet-800](#text_decoration_color) | | `decoration_violet_900` | [decoration-violet-900](#text_decoration_color) | | `decoration_violet_950` | [decoration-violet-950](#text_decoration_color) | | `decoration_white` | [decoration-white](#text_decoration_color) | | `decoration_yellow_100` | [decoration-yellow-100](#text_decoration_color) | | `decoration_yellow_200` | [decoration-yellow-200](#text_decoration_color) | | `decoration_yellow_300` | [decoration-yellow-300](#text_decoration_color) | | `decoration_yellow_400` | [decoration-yellow-400](#text_decoration_color) | | `decoration_yellow_50` | [decoration-yellow-50](#text_decoration_color) | | `decoration_yellow_500` | [decoration-yellow-500](#text_decoration_color) | | `decoration_yellow_600` | [decoration-yellow-600](#text_decoration_color) | | `decoration_yellow_700` | [decoration-yellow-700](#text_decoration_color) | | `decoration_yellow_800` | [decoration-yellow-800](#text_decoration_color) | | `decoration_yellow_900` | [decoration-yellow-900](#text_decoration_color) | | `decoration_yellow_950` | [decoration-yellow-950](#text_decoration_color) | | `decoration_zinc_100` | [decoration-zinc-100](#text_decoration_color) | | `decoration_zinc_200` | [decoration-zinc-200](#text_decoration_color) | | `decoration_zinc_300` | [decoration-zinc-300](#text_decoration_color) | | `decoration_zinc_400` | [decoration-zinc-400](#text_decoration_color) | | `decoration_zinc_50` | [decoration-zinc-50](#text_decoration_color) | | `decoration_zinc_500` | [decoration-zinc-500](#text_decoration_color) | | `decoration_zinc_600` | [decoration-zinc-600](#text_decoration_color) | | `decoration_zinc_700` | [decoration-zinc-700](#text_decoration_color) | | `decoration_zinc_800` | [decoration-zinc-800](#text_decoration_color) | | `decoration_zinc_900` | [decoration-zinc-900](#text_decoration_color) | | `decoration_zinc_950` | [decoration-zinc-950](#text_decoration_color) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `decoration_arbitrary`, `decoration_arb` | [decoration-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_amber_arbitrary`, `decoration_amber_arb` | [decoration-amber-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_blue_arbitrary`, `decoration_blue_arb` | [decoration-blue-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_cyan_arbitrary`, `decoration_cyan_arb` | [decoration-cyan-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_emerald_arbitrary`, `decoration_emerald_arb` | [decoration-emerald-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_fuchsia_arbitrary`, `decoration_fuchsia_arb` | [decoration-fuchsia-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_gray_arbitrary`, `decoration_gray_arb` | [decoration-gray-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_green_arbitrary`, `decoration_green_arb` | [decoration-green-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_indigo_arbitrary`, `decoration_indigo_arb` | [decoration-indigo-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_lime_arbitrary`, `decoration_lime_arb` | [decoration-lime-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_neutral_arbitrary`, `decoration_neutral_arb` | [decoration-neutral-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_orange_arbitrary`, `decoration_orange_arb` | [decoration-orange-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_pink_arbitrary`, `decoration_pink_arb` | [decoration-pink-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_purple_arbitrary`, `decoration_purple_arb` | [decoration-purple-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_red_arbitrary`, `decoration_red_arb` | [decoration-red-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_rose_arbitrary`, `decoration_rose_arb` | [decoration-rose-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_sky_arbitrary`, `decoration_sky_arb` | [decoration-sky-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_slate_arbitrary`, `decoration_slate_arb` | [decoration-slate-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_stone_arbitrary`, `decoration_stone_arb` | [decoration-stone-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_teal_arbitrary`, `decoration_teal_arb` | [decoration-teal-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_violet_arbitrary`, `decoration_violet_arb` | [decoration-violet-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_yellow_arbitrary`, `decoration_yellow_arb` | [decoration-yellow-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | | `decoration_zinc_arbitrary`, `decoration_zinc_arb` | [decoration-zinc-[…]](#https://tailwindcss.com/docs/text-decoration-color#arbitrary-values) | ## Text Decoration Style Utilities for controlling the style of text decorations. ### Group | TailwindJS token | | ----- | | `text_decoration_style_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `decoration_dashed` | [decoration-dashed](#text_decoration_style) | | `decoration_dotted` | [decoration-dotted](#text_decoration_style) | | `decoration_double` | [decoration-double](#text_decoration_style) | | `decoration_solid` | [decoration-solid](#text_decoration_style) | | `decoration_wavy` | [decoration-wavy](#text_decoration_style) | ## Text Decoration Thickness Utilities for controlling the thickness of text decorations. ### Group | TailwindJS token | | ----- | | `text_decoration_thickness_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `decoration_0` | [decoration-0](#text_decoration_thickness) | | `decoration_1` | [decoration-1](#text_decoration_thickness) | | `decoration_2` | [decoration-2](#text_decoration_thickness) | | `decoration_4` | [decoration-4](#text_decoration_thickness) | | `decoration_8` | [decoration-8](#text_decoration_thickness) | | `decoration_auto` | [decoration-auto](#text_decoration_thickness) | | `decoration_from_font` | [decoration-from-font](#text_decoration_thickness) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `decoration_from_arbitrary`, `decoration_from_arb` | [decoration-from-[…]](#https://tailwindcss.com/docs/text-decoration-thickness#arbitrary-values) | ## Text Indent Utilities for controlling the amount of empty space shown before text in a block. ### Group | TailwindJS token | | ----- | | `text_indent_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `indent_0` | [indent-0](#text_indent) | | `indent_0_5` | [indent-0.5](#text_indent) | | `indent_1` | [indent-1](#text_indent) | | `indent_10` | [indent-10](#text_indent) | | `indent_11` | [indent-11](#text_indent) | | `indent_12` | [indent-12](#text_indent) | | `indent_14` | [indent-14](#text_indent) | | `indent_16` | [indent-16](#text_indent) | | `indent_1_5` | [indent-1.5](#text_indent) | | `indent_2` | [indent-2](#text_indent) | | `indent_20` | [indent-20](#text_indent) | | `indent_24` | [indent-24](#text_indent) | | `indent_28` | [indent-28](#text_indent) | | `indent_2_5` | [indent-2.5](#text_indent) | | `indent_3` | [indent-3](#text_indent) | | `indent_32` | [indent-32](#text_indent) | | `indent_36` | [indent-36](#text_indent) | | `indent_3_5` | [indent-3.5](#text_indent) | | `indent_4` | [indent-4](#text_indent) | | `indent_40` | [indent-40](#text_indent) | | `indent_44` | [indent-44](#text_indent) | | `indent_48` | [indent-48](#text_indent) | | `indent_5` | [indent-5](#text_indent) | | `indent_52` | [indent-52](#text_indent) | | `indent_56` | [indent-56](#text_indent) | | `indent_6` | [indent-6](#text_indent) | | `indent_60` | [indent-60](#text_indent) | | `indent_64` | [indent-64](#text_indent) | | `indent_7` | [indent-7](#text_indent) | | `indent_72` | [indent-72](#text_indent) | | `indent_8` | [indent-8](#text_indent) | | `indent_80` | [indent-80](#text_indent) | | `indent_9` | [indent-9](#text_indent) | | `indent_96` | [indent-96](#text_indent) | | `indent_px` | [indent-px](#text_indent) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `indent_arbitrary`, `indent_arb` | [indent-[…]](#https://tailwindcss.com/docs/text-indent#arbitrary-values) | ## Text Overflow Utilities for controlling text overflow in an element. ### Group | TailwindJS token | | ----- | | `text_overflow_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `text_clip` | [text-clip](#text_overflow) | | `text_ellipsis` | [text-ellipsis](#text_overflow) | | `truncate` | [truncate](#text_overflow) | ## Text Transform Utilities for controlling the transformation of text. ### Group | TailwindJS token | | ----- | | `text_transform_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `capitalize` | [capitalize](#text_transform) | | `lowercase` | [lowercase](#text_transform) | | `normal_case` | [normal-case](#text_transform) | | `uppercase` | [uppercase](#text_transform) | ## Text Underline Offset Utilities for controlling the offset of a text underline. ### Group | TailwindJS token | | ----- | | `text_underline_offset_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `underline_offset_0` | [underline-offset-0](#text_underline_offset) | | `underline_offset_1` | [underline-offset-1](#text_underline_offset) | | `underline_offset_2` | [underline-offset-2](#text_underline_offset) | | `underline_offset_4` | [underline-offset-4](#text_underline_offset) | | `underline_offset_8` | [underline-offset-8](#text_underline_offset) | | `underline_offset_auto` | [underline-offset-auto](#text_underline_offset) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `underline_offset_arbitrary`, `underline_offset_arb` | [underline-offset-[…]](#https://tailwindcss.com/docs/text-underline-offset#arbitrary-values) | ## Text Wrap Utilities for controlling how text wraps within an element. ### Group | TailwindJS token | | ----- | | `text_wrap_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `text_balance` | [text-balance](#text_wrap) | | `text_nowrap` | [text-nowrap](#text_wrap) | | `text_pretty` | [text-pretty](#text_wrap) | | `text_wrap` | [text-wrap](#text_wrap) | ## Vertical Align Utilities for controlling the vertical alignment of an inline or table-cell box. ### Group | TailwindJS token | | ----- | | `vertical_align_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `align_baseline` | [align-baseline](#vertical_align) | | `align_bottom` | [align-bottom](#vertical_align) | | `align_middle` | [align-middle](#vertical_align) | | `align_sub` | [align-sub](#vertical_align) | | `align_super` | [align-super](#vertical_align) | | `align_text_bottom` | [align-text-bottom](#vertical_align) | | `align_text_top` | [align-text-top](#vertical_align) | | `align_top` | [align-top](#vertical_align) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `align_arbitrary`, `align_arb` | [align-[…]](#https://tailwindcss.com/docs/vertical-align#arbitrary-values) | | `align_text_arbitrary`, `align_text_arb` | [align-text-[…]](#https://tailwindcss.com/docs/vertical-align#arbitrary-values) | ## Whitespace Utilities for controlling an element's white-space property. ### Group | TailwindJS token | | ----- | | `whitespace_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `whitespace_break_spaces` | [whitespace-break-spaces](#whitespace) | | `whitespace_normal` | [whitespace-normal](#whitespace) | | `whitespace_nowrap` | [whitespace-nowrap](#whitespace) | | `whitespace_pre` | [whitespace-pre](#whitespace) | | `whitespace_pre_line` | [whitespace-pre-line](#whitespace) | | `whitespace_pre_wrap` | [whitespace-pre-wrap](#whitespace) | ## Word Break Utilities for controlling word breaks in an element. ### Group | TailwindJS token | | ----- | | `word_break_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `break_all` | [break-all](#word_break) | | `break_keep` | [break-keep](#word_break) | | `break_normal` | [break-normal](#word_break) | | `break_words` | [break-words](#word_break) |