typography.md

Typography

• Content
• Font Family
• Font Size
• Font Smoothing
• Font Style
• Font Variant Numeric
• Font Weight
• Hyphens
• Letter Spacing
• Line Clamp
• Line Height
• List Style Image
• List Style Position
• List Style Type
• Text Align
• Text Color
• Text Decoration
• Text Decoration Color
• Text Decoration Style
• Text Decoration Thickness
• Text Indent
• Text Overflow
• Text Transform
• Text Underline Offset
• Text Wrap
• Vertical Align
• Whitespace
• 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

Arbitraries

TailwindJS token	TailwindCSS token
content_arbitrary, content_arb	content-[…]

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_sans	font-sans
font_serif	font-serif

Arbitraries

TailwindJS token	TailwindCSS token
font_arbitrary, font_arb	font-[…]

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
text_3xl	text-3xl
text_4xl	text-4xl
text_5xl	text-5xl
text_6xl	text-6xl
text_7xl	text-7xl
text_8xl	text-8xl
text_9xl	text-9xl
text_base	text-base
text_lg	text-lg
text_sm	text-sm
text_xl	text-xl
text_xs	text-xs

Arbitraries

TailwindJS token	TailwindCSS token
text_arbitrary, text_arb	text-[…]

Font Smoothing

Utilities for controlling the font smoothing of an element.

Group

TailwindJS token
font_smoothing_utilities

Utilities

TailwindJS token	TailwindCSS token
antialiased	antialiased
subpixel_antialiased	subpixel-antialiased

Font Style

Utilities for controlling the style of text.

Group

TailwindJS token
font_style_utilities

Utilities

TailwindJS token	TailwindCSS token
italic	italic
not_italic	not-italic

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
lining_nums	lining-nums
normal_nums	normal-nums
oldstyle_nums	oldstyle-nums
ordinal	ordinal
proportional_nums	proportional-nums
slashed_zero	slashed-zero
stacked_fractions	stacked-fractions
tabular_nums	tabular-nums

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_bold	font-bold
font_extrabold	font-extrabold
font_extralight	font-extralight
font_light	font-light
font_medium	font-medium
font_normal	font-normal
font_semibold	font-semibold
font_thin	font-thin

Hyphens

Utilities for controlling how words should be hyphenated.

Group

TailwindJS token
hyphens_utilities

Utilities

TailwindJS token	TailwindCSS token
hyphens_auto	hyphens-auto
hyphens_manual	hyphens-manual
hyphens_none	hyphens-none

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
tracking_tight	tracking-tight
tracking_tighter	tracking-tighter
tracking_wide	tracking-wide
tracking_wider	tracking-wider
tracking_widest	tracking-widest

Arbitraries

TailwindJS token	TailwindCSS token
tracking_arbitrary, tracking_arb	tracking-[…]

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_2	line-clamp-2
line_clamp_3	line-clamp-3
line_clamp_4	line-clamp-4
line_clamp_5	line-clamp-5
line_clamp_6	line-clamp-6
line_clamp_none	line-clamp-none

Arbitraries

TailwindJS token	TailwindCSS token
line_clamp_arbitrary, line_clamp_arb	line-clamp-[…]

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
leading_3	leading-3
leading_4	leading-4
leading_5	leading-5
leading_6	leading-6
leading_7	leading-7
leading_8	leading-8
leading_9	leading-9
leading_loose	leading-loose
leading_none	leading-none
leading_normal	leading-normal
leading_relaxed	leading-relaxed
leading_snug	leading-snug
leading_tight	leading-tight

Arbitraries

TailwindJS token	TailwindCSS token
leading_arbitrary, leading_arb	leading-[…]

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

Arbitraries

TailwindJS token	TailwindCSS token
list_image_arbitrary, list_image_arb	list-image-[…]

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_outside	list-outside

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_disc	list-disc
list_none	list-none

Arbitraries

TailwindJS token	TailwindCSS token
list_arbitrary, list_arb	list-[…]

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_end	text-end
text_justify	text-justify
text_left	text-left
text_right	text-right
text_start	text-start

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_amber_200	text-amber-200
text_amber_300	text-amber-300
text_amber_400	text-amber-400
text_amber_50	text-amber-50
text_amber_500	text-amber-500
text_amber_600	text-amber-600
text_amber_700	text-amber-700
text_amber_800	text-amber-800
text_amber_900	text-amber-900
text_amber_950	text-amber-950
text_black	text-black
text_blue_100	text-blue-100
text_blue_200	text-blue-200
text_blue_300	text-blue-300
text_blue_400	text-blue-400
text_blue_50	text-blue-50
text_blue_500	text-blue-500
text_blue_600	text-blue-600
text_blue_700	text-blue-700
text_blue_800	text-blue-800
text_blue_900	text-blue-900
text_blue_950	text-blue-950
text_current	text-current
text_cyan_100	text-cyan-100
text_cyan_200	text-cyan-200
text_cyan_300	text-cyan-300
text_cyan_400	text-cyan-400
text_cyan_50	text-cyan-50
text_cyan_500	text-cyan-500
text_cyan_600	text-cyan-600
text_cyan_700	text-cyan-700
text_cyan_800	text-cyan-800
text_cyan_900	text-cyan-900
text_cyan_950	text-cyan-950
text_emerald_100	text-emerald-100
text_emerald_200	text-emerald-200
text_emerald_300	text-emerald-300
text_emerald_400	text-emerald-400
text_emerald_50	text-emerald-50
text_emerald_500	text-emerald-500
text_emerald_600	text-emerald-600
text_emerald_700	text-emerald-700
text_emerald_800	text-emerald-800
text_emerald_900	text-emerald-900
text_emerald_950	text-emerald-950
text_fuchsia_100	text-fuchsia-100
text_fuchsia_200	text-fuchsia-200
text_fuchsia_300	text-fuchsia-300
text_fuchsia_400	text-fuchsia-400
text_fuchsia_50	text-fuchsia-50
text_fuchsia_500	text-fuchsia-500
text_fuchsia_600	text-fuchsia-600
text_fuchsia_700	text-fuchsia-700
text_fuchsia_800	text-fuchsia-800
text_fuchsia_900	text-fuchsia-900
text_fuchsia_950	text-fuchsia-950
text_gray_100	text-gray-100
text_gray_200	text-gray-200
text_gray_300	text-gray-300
text_gray_400	text-gray-400
text_gray_50	text-gray-50
text_gray_500	text-gray-500
text_gray_600	text-gray-600
text_gray_700	text-gray-700
text_gray_800	text-gray-800
text_gray_900	text-gray-900
text_gray_950	text-gray-950
text_green_100	text-green-100
text_green_200	text-green-200
text_green_300	text-green-300
text_green_400	text-green-400
text_green_50	text-green-50
text_green_500	text-green-500
text_green_600	text-green-600
text_green_700	text-green-700
text_green_800	text-green-800
text_green_900	text-green-900
text_green_950	text-green-950
text_indigo_100	text-indigo-100
text_indigo_200	text-indigo-200
text_indigo_300	text-indigo-300
text_indigo_400	text-indigo-400
text_indigo_50	text-indigo-50
text_indigo_500	text-indigo-500
text_indigo_600	text-indigo-600
text_indigo_700	text-indigo-700
text_indigo_800	text-indigo-800
text_indigo_900	text-indigo-900
text_indigo_950	text-indigo-950
text_inherit	text-inherit
text_lime_100	text-lime-100
text_lime_200	text-lime-200
text_lime_300	text-lime-300
text_lime_400	text-lime-400
text_lime_50	text-lime-50
text_lime_500	text-lime-500
text_lime_600	text-lime-600
text_lime_700	text-lime-700
text_lime_800	text-lime-800
text_lime_900	text-lime-900
text_lime_950	text-lime-950
text_neutral_100	text-neutral-100
text_neutral_200	text-neutral-200
text_neutral_300	text-neutral-300
text_neutral_400	text-neutral-400
text_neutral_50	text-neutral-50
text_neutral_500	text-neutral-500
text_neutral_600	text-neutral-600
text_neutral_700	text-neutral-700
text_neutral_800	text-neutral-800
text_neutral_900	text-neutral-900
text_neutral_950	text-neutral-950
text_orange_100	text-orange-100
text_orange_200	text-orange-200
text_orange_300	text-orange-300
text_orange_400	text-orange-400
text_orange_50	text-orange-50
text_orange_500	text-orange-500
text_orange_600	text-orange-600
text_orange_700	text-orange-700
text_orange_800	text-orange-800
text_orange_900	text-orange-900
text_orange_950	text-orange-950
text_pink_100	text-pink-100
text_pink_200	text-pink-200
text_pink_300	text-pink-300
text_pink_400	text-pink-400
text_pink_50	text-pink-50
text_pink_500	text-pink-500
text_pink_600	text-pink-600
text_pink_700	text-pink-700
text_pink_800	text-pink-800
text_pink_900	text-pink-900
text_pink_950	text-pink-950
text_purple_100	text-purple-100
text_purple_200	text-purple-200
text_purple_300	text-purple-300
text_purple_400	text-purple-400
text_purple_50	text-purple-50
text_purple_500	text-purple-500
text_purple_600	text-purple-600
text_purple_700	text-purple-700
text_purple_800	text-purple-800
text_purple_900	text-purple-900
text_purple_950	text-purple-950
text_red_100	text-red-100
text_red_200	text-red-200
text_red_300	text-red-300
text_red_400	text-red-400
text_red_50	text-red-50
text_red_500	text-red-500
text_red_600	text-red-600
text_red_700	text-red-700
text_red_800	text-red-800
text_red_900	text-red-900
text_red_950	text-red-950
text_rose_100	text-rose-100
text_rose_200	text-rose-200
text_rose_300	text-rose-300
text_rose_400	text-rose-400
text_rose_50	text-rose-50
text_rose_500	text-rose-500
text_rose_600	text-rose-600
text_rose_700	text-rose-700
text_rose_800	text-rose-800
text_rose_900	text-rose-900
text_rose_950	text-rose-950
text_sky_100	text-sky-100
text_sky_200	text-sky-200
text_sky_300	text-sky-300
text_sky_400	text-sky-400
text_sky_50	text-sky-50
text_sky_500	text-sky-500
text_sky_600	text-sky-600
text_sky_700	text-sky-700
text_sky_800	text-sky-800
text_sky_900	text-sky-900
text_sky_950	text-sky-950
text_slate_100	text-slate-100
text_slate_200	text-slate-200
text_slate_300	text-slate-300
text_slate_400	text-slate-400
text_slate_50	text-slate-50
text_slate_500	text-slate-500
text_slate_600	text-slate-600
text_slate_700	text-slate-700
text_slate_800	text-slate-800
text_slate_900	text-slate-900
text_slate_950	text-slate-950
text_stone_100	text-stone-100
text_stone_200	text-stone-200
text_stone_300	text-stone-300
text_stone_400	text-stone-400
text_stone_50	text-stone-50
text_stone_500	text-stone-500
text_stone_600	text-stone-600
text_stone_700	text-stone-700
text_stone_800	text-stone-800
text_stone_900	text-stone-900
text_stone_950	text-stone-950
text_teal_100	text-teal-100
text_teal_200	text-teal-200
text_teal_300	text-teal-300
text_teal_400	text-teal-400
text_teal_50	text-teal-50
text_teal_500	text-teal-500
text_teal_600	text-teal-600
text_teal_700	text-teal-700
text_teal_800	text-teal-800
text_teal_900	text-teal-900
text_teal_950	text-teal-950
text_transparent	text-transparent
text_violet_100	text-violet-100
text_violet_200	text-violet-200
text_violet_300	text-violet-300
text_violet_400	text-violet-400
text_violet_50	text-violet-50
text_violet_500	text-violet-500
text_violet_600	text-violet-600
text_violet_700	text-violet-700
text_violet_800	text-violet-800
text_violet_900	text-violet-900
text_violet_950	text-violet-950
text_white	text-white
text_yellow_100	text-yellow-100
text_yellow_200	text-yellow-200
text_yellow_300	text-yellow-300
text_yellow_400	text-yellow-400
text_yellow_50	text-yellow-50
text_yellow_500	text-yellow-500
text_yellow_600	text-yellow-600
text_yellow_700	text-yellow-700
text_yellow_800	text-yellow-800
text_yellow_900	text-yellow-900
text_yellow_950	text-yellow-950
text_zinc_100	text-zinc-100
text_zinc_200	text-zinc-200
text_zinc_300	text-zinc-300
text_zinc_400	text-zinc-400
text_zinc_50	text-zinc-50
text_zinc_500	text-zinc-500
text_zinc_600	text-zinc-600
text_zinc_700	text-zinc-700
text_zinc_800	text-zinc-800
text_zinc_900	text-zinc-900
text_zinc_950	text-zinc-950

Arbitraries

TailwindJS token	TailwindCSS token
text_amber_arbitrary, text_amber_arb	text-amber-[…]
text_blue_arbitrary, text_blue_arb	text-blue-[…]
text_cyan_arbitrary, text_cyan_arb	text-cyan-[…]
text_emerald_arbitrary, text_emerald_arb	text-emerald-[…]
text_fuchsia_arbitrary, text_fuchsia_arb	text-fuchsia-[…]
text_gray_arbitrary, text_gray_arb	text-gray-[…]
text_green_arbitrary, text_green_arb	text-green-[…]
text_indigo_arbitrary, text_indigo_arb	text-indigo-[…]
text_lime_arbitrary, text_lime_arb	text-lime-[…]
text_neutral_arbitrary, text_neutral_arb	text-neutral-[…]
text_orange_arbitrary, text_orange_arb	text-orange-[…]
text_pink_arbitrary, text_pink_arb	text-pink-[…]
text_purple_arbitrary, text_purple_arb	text-purple-[…]
text_red_arbitrary, text_red_arb	text-red-[…]
text_rose_arbitrary, text_rose_arb	text-rose-[…]
text_sky_arbitrary, text_sky_arb	text-sky-[…]
text_slate_arbitrary, text_slate_arb	text-slate-[…]
text_stone_arbitrary, text_stone_arb	text-stone-[…]
text_teal_arbitrary, text_teal_arb	text-teal-[…]
text_violet_arbitrary, text_violet_arb	text-violet-[…]
text_yellow_arbitrary, text_yellow_arb	text-yellow-[…]
text_zinc_arbitrary, text_zinc_arb	text-zinc-[…]

Text Decoration

Utilities for controlling the decoration of text.

Group

TailwindJS token
text_decoration_utilities

Utilities

TailwindJS token	TailwindCSS token
line_through	line-through
no_underline	no-underline
overline	overline
underline	underline

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
decoration_amber_200	decoration-amber-200
decoration_amber_300	decoration-amber-300
decoration_amber_400	decoration-amber-400
decoration_amber_50	decoration-amber-50
decoration_amber_500	decoration-amber-500
decoration_amber_600	decoration-amber-600
decoration_amber_700	decoration-amber-700
decoration_amber_800	decoration-amber-800
decoration_amber_900	decoration-amber-900
decoration_amber_950	decoration-amber-950
decoration_black	decoration-black
decoration_blue_100	decoration-blue-100
decoration_blue_200	decoration-blue-200
decoration_blue_300	decoration-blue-300
decoration_blue_400	decoration-blue-400
decoration_blue_50	decoration-blue-50
decoration_blue_500	decoration-blue-500
decoration_blue_600	decoration-blue-600
decoration_blue_700	decoration-blue-700
decoration_blue_800	decoration-blue-800
decoration_blue_900	decoration-blue-900
decoration_blue_950	decoration-blue-950
decoration_current	decoration-current
decoration_cyan_100	decoration-cyan-100
decoration_cyan_200	decoration-cyan-200
decoration_cyan_300	decoration-cyan-300
decoration_cyan_400	decoration-cyan-400
decoration_cyan_50	decoration-cyan-50
decoration_cyan_500	decoration-cyan-500
decoration_cyan_600	decoration-cyan-600
decoration_cyan_700	decoration-cyan-700
decoration_cyan_800	decoration-cyan-800
decoration_cyan_900	decoration-cyan-900
decoration_cyan_950	decoration-cyan-950
decoration_emerald_100	decoration-emerald-100
decoration_emerald_200	decoration-emerald-200
decoration_emerald_300	decoration-emerald-300
decoration_emerald_400	decoration-emerald-400
decoration_emerald_50	decoration-emerald-50
decoration_emerald_500	decoration-emerald-500
decoration_emerald_600	decoration-emerald-600
decoration_emerald_700	decoration-emerald-700
decoration_emerald_800	decoration-emerald-800
decoration_emerald_900	decoration-emerald-900
decoration_emerald_950	decoration-emerald-950
decoration_fuchsia_100	decoration-fuchsia-100
decoration_fuchsia_200	decoration-fuchsia-200
decoration_fuchsia_300	decoration-fuchsia-300
decoration_fuchsia_400	decoration-fuchsia-400
decoration_fuchsia_50	decoration-fuchsia-50
decoration_fuchsia_500	decoration-fuchsia-500
decoration_fuchsia_600	decoration-fuchsia-600
decoration_fuchsia_700	decoration-fuchsia-700
decoration_fuchsia_800	decoration-fuchsia-800
decoration_fuchsia_900	decoration-fuchsia-900
decoration_fuchsia_950	decoration-fuchsia-950
decoration_gray_100	decoration-gray-100
decoration_gray_200	decoration-gray-200
decoration_gray_300	decoration-gray-300
decoration_gray_400	decoration-gray-400
decoration_gray_50	decoration-gray-50
decoration_gray_500	decoration-gray-500
decoration_gray_600	decoration-gray-600
decoration_gray_700	decoration-gray-700
decoration_gray_800	decoration-gray-800
decoration_gray_900	decoration-gray-900
decoration_gray_950	decoration-gray-950
decoration_green_100	decoration-green-100
decoration_green_200	decoration-green-200
decoration_green_300	decoration-green-300
decoration_green_400	decoration-green-400
decoration_green_50	decoration-green-50
decoration_green_500	decoration-green-500
decoration_green_600	decoration-green-600
decoration_green_700	decoration-green-700
decoration_green_800	decoration-green-800
decoration_green_900	decoration-green-900
decoration_green_950	decoration-green-950
decoration_indigo_100	decoration-indigo-100
decoration_indigo_200	decoration-indigo-200
decoration_indigo_300	decoration-indigo-300
decoration_indigo_400	decoration-indigo-400
decoration_indigo_50	decoration-indigo-50
decoration_indigo_500	decoration-indigo-500
decoration_indigo_600	decoration-indigo-600
decoration_indigo_700	decoration-indigo-700
decoration_indigo_800	decoration-indigo-800
decoration_indigo_900	decoration-indigo-900
decoration_indigo_950	decoration-indigo-950
decoration_inherit	decoration-inherit
decoration_lime_100	decoration-lime-100
decoration_lime_200	decoration-lime-200
decoration_lime_300	decoration-lime-300
decoration_lime_400	decoration-lime-400
decoration_lime_50	decoration-lime-50
decoration_lime_500	decoration-lime-500
decoration_lime_600	decoration-lime-600
decoration_lime_700	decoration-lime-700
decoration_lime_800	decoration-lime-800
decoration_lime_900	decoration-lime-900
decoration_lime_950	decoration-lime-950
decoration_neutral_100	decoration-neutral-100
decoration_neutral_200	decoration-neutral-200
decoration_neutral_300	decoration-neutral-300
decoration_neutral_400	decoration-neutral-400
decoration_neutral_50	decoration-neutral-50
decoration_neutral_500	decoration-neutral-500
decoration_neutral_600	decoration-neutral-600
decoration_neutral_700	decoration-neutral-700
decoration_neutral_800	decoration-neutral-800
decoration_neutral_900	decoration-neutral-900
decoration_neutral_950	decoration-neutral-950
decoration_orange_100	decoration-orange-100
decoration_orange_200	decoration-orange-200
decoration_orange_300	decoration-orange-300
decoration_orange_400	decoration-orange-400
decoration_orange_50	decoration-orange-50
decoration_orange_500	decoration-orange-500
decoration_orange_600	decoration-orange-600
decoration_orange_700	decoration-orange-700
decoration_orange_800	decoration-orange-800
decoration_orange_900	decoration-orange-900
decoration_orange_950	decoration-orange-950
decoration_pink_100	decoration-pink-100
decoration_pink_200	decoration-pink-200
decoration_pink_300	decoration-pink-300
decoration_pink_400	decoration-pink-400
decoration_pink_50	decoration-pink-50
decoration_pink_500	decoration-pink-500
decoration_pink_600	decoration-pink-600
decoration_pink_700	decoration-pink-700
decoration_pink_800	decoration-pink-800
decoration_pink_900	decoration-pink-900
decoration_pink_950	decoration-pink-950
decoration_purple_100	decoration-purple-100
decoration_purple_200	decoration-purple-200
decoration_purple_300	decoration-purple-300
decoration_purple_400	decoration-purple-400
decoration_purple_50	decoration-purple-50
decoration_purple_500	decoration-purple-500
decoration_purple_600	decoration-purple-600
decoration_purple_700	decoration-purple-700
decoration_purple_800	decoration-purple-800
decoration_purple_900	decoration-purple-900
decoration_purple_950	decoration-purple-950
decoration_red_100	decoration-red-100
decoration_red_200	decoration-red-200
decoration_red_300	decoration-red-300
decoration_red_400	decoration-red-400
decoration_red_50	decoration-red-50
decoration_red_500	decoration-red-500
decoration_red_600	decoration-red-600
decoration_red_700	decoration-red-700
decoration_red_800	decoration-red-800
decoration_red_900	decoration-red-900
decoration_red_950	decoration-red-950
decoration_rose_100	decoration-rose-100
decoration_rose_200	decoration-rose-200
decoration_rose_300	decoration-rose-300
decoration_rose_400	decoration-rose-400
decoration_rose_50	decoration-rose-50
decoration_rose_500	decoration-rose-500
decoration_rose_600	decoration-rose-600
decoration_rose_700	decoration-rose-700
decoration_rose_800	decoration-rose-800
decoration_rose_900	decoration-rose-900
decoration_rose_950	decoration-rose-950
decoration_sky_100	decoration-sky-100
decoration_sky_200	decoration-sky-200
decoration_sky_300	decoration-sky-300
decoration_sky_400	decoration-sky-400
decoration_sky_50	decoration-sky-50
decoration_sky_500	decoration-sky-500
decoration_sky_600	decoration-sky-600
decoration_sky_700	decoration-sky-700
decoration_sky_800	decoration-sky-800
decoration_sky_900	decoration-sky-900
decoration_sky_950	decoration-sky-950
decoration_slate_100	decoration-slate-100
decoration_slate_200	decoration-slate-200
decoration_slate_300	decoration-slate-300
decoration_slate_400	decoration-slate-400
decoration_slate_50	decoration-slate-50
decoration_slate_500	decoration-slate-500
decoration_slate_600	decoration-slate-600
decoration_slate_700	decoration-slate-700
decoration_slate_800	decoration-slate-800
decoration_slate_900	decoration-slate-900
decoration_slate_950	decoration-slate-950
decoration_stone_100	decoration-stone-100
decoration_stone_200	decoration-stone-200
decoration_stone_300	decoration-stone-300
decoration_stone_400	decoration-stone-400
decoration_stone_50	decoration-stone-50
decoration_stone_500	decoration-stone-500
decoration_stone_600	decoration-stone-600
decoration_stone_700	decoration-stone-700
decoration_stone_800	decoration-stone-800
decoration_stone_900	decoration-stone-900
decoration_stone_950	decoration-stone-950
decoration_teal_100	decoration-teal-100
decoration_teal_200	decoration-teal-200
decoration_teal_300	decoration-teal-300
decoration_teal_400	decoration-teal-400
decoration_teal_50	decoration-teal-50
decoration_teal_500	decoration-teal-500
decoration_teal_600	decoration-teal-600
decoration_teal_700	decoration-teal-700
decoration_teal_800	decoration-teal-800
decoration_teal_900	decoration-teal-900
decoration_teal_950	decoration-teal-950
decoration_transparent	decoration-transparent
decoration_violet_100	decoration-violet-100
decoration_violet_200	decoration-violet-200
decoration_violet_300	decoration-violet-300
decoration_violet_400	decoration-violet-400
decoration_violet_50	decoration-violet-50
decoration_violet_500	decoration-violet-500
decoration_violet_600	decoration-violet-600
decoration_violet_700	decoration-violet-700
decoration_violet_800	decoration-violet-800
decoration_violet_900	decoration-violet-900
decoration_violet_950	decoration-violet-950
decoration_white	decoration-white
decoration_yellow_100	decoration-yellow-100
decoration_yellow_200	decoration-yellow-200
decoration_yellow_300	decoration-yellow-300
decoration_yellow_400	decoration-yellow-400
decoration_yellow_50	decoration-yellow-50
decoration_yellow_500	decoration-yellow-500
decoration_yellow_600	decoration-yellow-600
decoration_yellow_700	decoration-yellow-700
decoration_yellow_800	decoration-yellow-800
decoration_yellow_900	decoration-yellow-900
decoration_yellow_950	decoration-yellow-950
decoration_zinc_100	decoration-zinc-100
decoration_zinc_200	decoration-zinc-200
decoration_zinc_300	decoration-zinc-300
decoration_zinc_400	decoration-zinc-400
decoration_zinc_50	decoration-zinc-50
decoration_zinc_500	decoration-zinc-500
decoration_zinc_600	decoration-zinc-600
decoration_zinc_700	decoration-zinc-700
decoration_zinc_800	decoration-zinc-800
decoration_zinc_900	decoration-zinc-900
decoration_zinc_950	decoration-zinc-950

Arbitraries

TailwindJS token	TailwindCSS token
decoration_arbitrary, decoration_arb	decoration-[…]
decoration_amber_arbitrary, decoration_amber_arb	decoration-amber-[…]
decoration_blue_arbitrary, decoration_blue_arb	decoration-blue-[…]
decoration_cyan_arbitrary, decoration_cyan_arb	decoration-cyan-[…]
decoration_emerald_arbitrary, decoration_emerald_arb	decoration-emerald-[…]
decoration_fuchsia_arbitrary, decoration_fuchsia_arb	decoration-fuchsia-[…]
decoration_gray_arbitrary, decoration_gray_arb	decoration-gray-[…]
decoration_green_arbitrary, decoration_green_arb	decoration-green-[…]
decoration_indigo_arbitrary, decoration_indigo_arb	decoration-indigo-[…]
decoration_lime_arbitrary, decoration_lime_arb	decoration-lime-[…]
decoration_neutral_arbitrary, decoration_neutral_arb	decoration-neutral-[…]
decoration_orange_arbitrary, decoration_orange_arb	decoration-orange-[…]
decoration_pink_arbitrary, decoration_pink_arb	decoration-pink-[…]
decoration_purple_arbitrary, decoration_purple_arb	decoration-purple-[…]
decoration_red_arbitrary, decoration_red_arb	decoration-red-[…]
decoration_rose_arbitrary, decoration_rose_arb	decoration-rose-[…]
decoration_sky_arbitrary, decoration_sky_arb	decoration-sky-[…]
decoration_slate_arbitrary, decoration_slate_arb	decoration-slate-[…]
decoration_stone_arbitrary, decoration_stone_arb	decoration-stone-[…]
decoration_teal_arbitrary, decoration_teal_arb	decoration-teal-[…]
decoration_violet_arbitrary, decoration_violet_arb	decoration-violet-[…]
decoration_yellow_arbitrary, decoration_yellow_arb	decoration-yellow-[…]
decoration_zinc_arbitrary, decoration_zinc_arb	decoration-zinc-[…]

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
decoration_dotted	decoration-dotted
decoration_double	decoration-double
decoration_solid	decoration-solid
decoration_wavy	decoration-wavy

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
decoration_1	decoration-1
decoration_2	decoration-2
decoration_4	decoration-4
decoration_8	decoration-8
decoration_auto	decoration-auto
decoration_from_font	decoration-from-font

Arbitraries

TailwindJS token	TailwindCSS token
decoration_from_arbitrary, decoration_from_arb	decoration-from-[…]

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
indent_0_5	indent-0.5
indent_1	indent-1
indent_10	indent-10
indent_11	indent-11
indent_12	indent-12
indent_14	indent-14
indent_16	indent-16
indent_1_5	indent-1.5
indent_2	indent-2
indent_20	indent-20
indent_24	indent-24
indent_28	indent-28
indent_2_5	indent-2.5
indent_3	indent-3
indent_32	indent-32
indent_36	indent-36
indent_3_5	indent-3.5
indent_4	indent-4
indent_40	indent-40
indent_44	indent-44
indent_48	indent-48
indent_5	indent-5
indent_52	indent-52
indent_56	indent-56
indent_6	indent-6
indent_60	indent-60
indent_64	indent-64
indent_7	indent-7
indent_72	indent-72
indent_8	indent-8
indent_80	indent-80
indent_9	indent-9
indent_96	indent-96
indent_px	indent-px

Arbitraries

TailwindJS token	TailwindCSS token
indent_arbitrary, indent_arb	indent-[…]

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_ellipsis	text-ellipsis
truncate	truncate

Text Transform

Utilities for controlling the transformation of text.

Group

TailwindJS token
text_transform_utilities

Utilities

TailwindJS token	TailwindCSS token
capitalize	capitalize
lowercase	lowercase
normal_case	normal-case
uppercase	uppercase

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
underline_offset_1	underline-offset-1
underline_offset_2	underline-offset-2
underline_offset_4	underline-offset-4
underline_offset_8	underline-offset-8
underline_offset_auto	underline-offset-auto

Arbitraries

TailwindJS token	TailwindCSS token
underline_offset_arbitrary, underline_offset_arb	underline-offset-[…]

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_nowrap	text-nowrap
text_pretty	text-pretty
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
align_bottom	align-bottom
align_middle	align-middle
align_sub	align-sub
align_super	align-super
align_text_bottom	align-text-bottom
align_text_top	align-text-top
align_top	align-top

Arbitraries

TailwindJS token	TailwindCSS token
align_arbitrary, align_arb	align-[…]
align_text_arbitrary, align_text_arb	align-text-[…]

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_normal	whitespace-normal
whitespace_nowrap	whitespace-nowrap
whitespace_pre	whitespace-pre
whitespace_pre_line	whitespace-pre-line
whitespace_pre_wrap	whitespace-pre-wrap

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
break_keep	break-keep
break_normal	break-normal
break_words	break-words