sizing.md

Sizing

• Height
• Max-Height
• Max-Width
• Min-Height
• Min-Width
• Size
• Width

---

Height

Utilities for setting the height of an element.

Group

TailwindJS token
height_utilities

Utilities

TailwindJS token	TailwindCSS token
h_0	h-0
h_0_5	h-0.5
h_1	h-1
h_10	h-10
h_11	h-11
h_12	h-12
h_14	h-14
h_16	h-16
h_1_5	h-1.5
h_1_on_2	h-1/2
h_1_on_3	h-1/3
h_1_on_4	h-1/4
h_1_on_5	h-1/5
h_1_on_6	h-1/6
h_2	h-2
h_20	h-20
h_24	h-24
h_28	h-28
h_2_5	h-2.5
h_2_on_3	h-2/3
h_2_on_4	h-2/4
h_2_on_5	h-2/5
h_2_on_6	h-2/6
h_3	h-3
h_32	h-32
h_36	h-36
h_3_5	h-3.5
h_3_on_4	h-3/4
h_3_on_5	h-3/5
h_3_on_6	h-3/6
h_4	h-4
h_40	h-40
h_44	h-44
h_48	h-48
h_4_on_5	h-4/5
h_4_on_6	h-4/6
h_5	h-5
h_52	h-52
h_56	h-56
h_5_on_6	h-5/6
h_6	h-6
h_60	h-60
h_64	h-64
h_7	h-7
h_72	h-72
h_8	h-8
h_80	h-80
h_9	h-9
h_96	h-96
h_auto	h-auto
h_dvh	h-dvh
h_fit	h-fit
h_full	h-full
h_lvh	h-lvh
h_max	h-max
h_min	h-min
h_px	h-px
h_screen	h-screen
h_svh	h-svh

Arbitraries

TailwindJS token	TailwindCSS token
h_arbitrary, h_arb	h-[…]

Max-Height

Utilities for setting the maximum height of an element.

Group

TailwindJS token
max_height_utilities

Utilities

TailwindJS token	TailwindCSS token
max_h_0	max-h-0
max_h_0_5	max-h-0.5
max_h_1	max-h-1
max_h_10	max-h-10
max_h_11	max-h-11
max_h_12	max-h-12
max_h_14	max-h-14
max_h_16	max-h-16
max_h_1_5	max-h-1.5
max_h_2	max-h-2
max_h_20	max-h-20
max_h_24	max-h-24
max_h_28	max-h-28
max_h_2_5	max-h-2.5
max_h_3	max-h-3
max_h_32	max-h-32
max_h_36	max-h-36
max_h_3_5	max-h-3.5
max_h_4	max-h-4
max_h_40	max-h-40
max_h_44	max-h-44
max_h_48	max-h-48
max_h_5	max-h-5
max_h_52	max-h-52
max_h_56	max-h-56
max_h_6	max-h-6
max_h_60	max-h-60
max_h_64	max-h-64
max_h_7	max-h-7
max_h_72	max-h-72
max_h_8	max-h-8
max_h_80	max-h-80
max_h_9	max-h-9
max_h_96	max-h-96
max_h_dvh	max-h-dvh
max_h_fit	max-h-fit
max_h_full	max-h-full
max_h_lvh	max-h-lvh
max_h_max	max-h-max
max_h_min	max-h-min
max_h_none	max-h-none
max_h_px	max-h-px
max_h_screen	max-h-screen
max_h_svh	max-h-svh

Arbitraries

TailwindJS token	TailwindCSS token
max_h_arbitrary, max_h_arb	max-h-[…]

Max-Width

Utilities for setting the maximum width of an element.

Group

TailwindJS token
max_width_utilities

Utilities

TailwindJS token	TailwindCSS token
max_w_0	max-w-0
max_w_0_5	max-w-0.5
max_w_1	max-w-1
max_w_10	max-w-10
max_w_11	max-w-11
max_w_12	max-w-12
max_w_14	max-w-14
max_w_16	max-w-16
max_w_1_5	max-w-1.5
max_w_2	max-w-2
max_w_20	max-w-20
max_w_24	max-w-24
max_w_28	max-w-28
max_w_2_5	max-w-2.5
max_w_2xl	max-w-2xl
max_w_3	max-w-3
max_w_32	max-w-32
max_w_36	max-w-36
max_w_3_5	max-w-3.5
max_w_3xl	max-w-3xl
max_w_4	max-w-4
max_w_40	max-w-40
max_w_44	max-w-44
max_w_48	max-w-48
max_w_4xl	max-w-4xl
max_w_5	max-w-5
max_w_52	max-w-52
max_w_56	max-w-56
max_w_5xl	max-w-5xl
max_w_6	max-w-6
max_w_60	max-w-60
max_w_64	max-w-64
max_w_6xl	max-w-6xl
max_w_7	max-w-7
max_w_72	max-w-72
max_w_7xl	max-w-7xl
max_w_8	max-w-8
max_w_80	max-w-80
max_w_9	max-w-9
max_w_96	max-w-96
max_w_fit	max-w-fit
max_w_full	max-w-full
max_w_lg	max-w-lg
max_w_max	max-w-max
max_w_md	max-w-md
max_w_min	max-w-min
max_w_none	max-w-none
max_w_prose	max-w-prose
max_w_px	max-w-px
max_w_screen_2xl	max-w-screen-2xl
max_w_screen_lg	max-w-screen-lg
max_w_screen_md	max-w-screen-md
max_w_screen_sm	max-w-screen-sm
max_w_screen_xl	max-w-screen-xl
max_w_sm	max-w-sm
max_w_xl	max-w-xl
max_w_xs	max-w-xs

Arbitraries

TailwindJS token	TailwindCSS token
max_w_arbitrary, max_w_arb	max-w-[…]
max_w_screen_arbitrary, max_w_screen_arb	max-w-screen-[…]

Min-Height

Utilities for setting the minimum height of an element.

Group

TailwindJS token
min_height_utilities

Utilities

TailwindJS token	TailwindCSS token
min_h_0	min-h-0
min_h_0_5	min-h-0.5
min_h_1	min-h-1
min_h_10	min-h-10
min_h_11	min-h-11
min_h_12	min-h-12
min_h_14	min-h-14
min_h_16	min-h-16
min_h_1_5	min-h-1.5
min_h_2	min-h-2
min_h_20	min-h-20
min_h_24	min-h-24
min_h_28	min-h-28
min_h_2_5	min-h-2.5
min_h_3	min-h-3
min_h_32	min-h-32
min_h_36	min-h-36
min_h_3_5	min-h-3.5
min_h_4	min-h-4
min_h_40	min-h-40
min_h_44	min-h-44
min_h_48	min-h-48
min_h_5	min-h-5
min_h_52	min-h-52
min_h_56	min-h-56
min_h_6	min-h-6
min_h_60	min-h-60
min_h_64	min-h-64
min_h_7	min-h-7
min_h_72	min-h-72
min_h_8	min-h-8
min_h_80	min-h-80
min_h_9	min-h-9
min_h_96	min-h-96
min_h_dvh	min-h-dvh
min_h_fit	min-h-fit
min_h_full	min-h-full
min_h_lvh	min-h-lvh
min_h_max	min-h-max
min_h_min	min-h-min
min_h_px	min-h-px
min_h_screen	min-h-screen
min_h_svh	min-h-svh

Arbitraries

TailwindJS token	TailwindCSS token
min_h_arbitrary, min_h_arb	min-h-[…]

Min-Width

Utilities for setting the minimum width of an element.

Group

TailwindJS token
min_width_utilities

Utilities

TailwindJS token	TailwindCSS token
min_w_0	min-w-0
min_w_0_5	min-w-0.5
min_w_1	min-w-1
min_w_10	min-w-10
min_w_11	min-w-11
min_w_12	min-w-12
min_w_14	min-w-14
min_w_16	min-w-16
min_w_1_5	min-w-1.5
min_w_2	min-w-2
min_w_20	min-w-20
min_w_24	min-w-24
min_w_28	min-w-28
min_w_2_5	min-w-2.5
min_w_3	min-w-3
min_w_32	min-w-32
min_w_36	min-w-36
min_w_3_5	min-w-3.5
min_w_4	min-w-4
min_w_40	min-w-40
min_w_44	min-w-44
min_w_48	min-w-48
min_w_5	min-w-5
min_w_52	min-w-52
min_w_56	min-w-56
min_w_6	min-w-6
min_w_60	min-w-60
min_w_64	min-w-64
min_w_7	min-w-7
min_w_72	min-w-72
min_w_8	min-w-8
min_w_80	min-w-80
min_w_9	min-w-9
min_w_96	min-w-96
min_w_fit	min-w-fit
min_w_full	min-w-full
min_w_max	min-w-max
min_w_min	min-w-min
min_w_px	min-w-px

Arbitraries

TailwindJS token	TailwindCSS token
min_w_arbitrary, min_w_arb	min-w-[…]

Size

Utilities for setting the width and height of an element at the same time.

Group

TailwindJS token
size_utilities

Utilities

TailwindJS token	TailwindCSS token
size_0	size-0
size_0_5	size-0.5
size_1	size-1
size_10	size-10
size_10_on_12	size-10/12
size_11	size-11
size_11_on_12	size-11/12
size_12	size-12
size_14	size-14
size_16	size-16
size_1_5	size-1.5
size_1_on_12	size-1/12
size_1_on_2	size-1/2
size_1_on_3	size-1/3
size_1_on_4	size-1/4
size_1_on_5	size-1/5
size_1_on_6	size-1/6
size_2	size-2
size_20	size-20
size_24	size-24
size_28	size-28
size_2_5	size-2.5
size_2_on_12	size-2/12
size_2_on_3	size-2/3
size_2_on_4	size-2/4
size_2_on_5	size-2/5
size_2_on_6	size-2/6
size_3	size-3
size_32	size-32
size_36	size-36
size_3_5	size-3.5
size_3_on_12	size-3/12
size_3_on_4	size-3/4
size_3_on_5	size-3/5
size_3_on_6	size-3/6
size_4	size-4
size_40	size-40
size_44	size-44
size_48	size-48
size_4_on_12	size-4/12
size_4_on_5	size-4/5
size_4_on_6	size-4/6
size_5	size-5
size_52	size-52
size_56	size-56
size_5_on_12	size-5/12
size_5_on_6	size-5/6
size_6	size-6
size_60	size-60
size_64	size-64
size_6_on_12	size-6/12
size_7	size-7
size_72	size-72
size_7_on_12	size-7/12
size_8	size-8
size_80	size-80
size_8_on_12	size-8/12
size_9	size-9
size_96	size-96
size_9_on_12	size-9/12
size_auto	size-auto
size_fit	size-fit
size_full	size-full
size_max	size-max
size_min	size-min
size_px	size-px

Arbitraries

TailwindJS token	TailwindCSS token
size_arbitrary, size_arb	size-[…]

Width

Utilities for setting the width of an element.

Group

TailwindJS token
width_utilities

Utilities

TailwindJS token	TailwindCSS token
w_0	w-0
w_0_5	w-0.5
w_1	w-1
w_10	w-10
w_10_on_12	w-10/12
w_11	w-11
w_11_on_12	w-11/12
w_12	w-12
w_14	w-14
w_16	w-16
w_1_5	w-1.5
w_1_on_12	w-1/12
w_1_on_2	w-1/2
w_1_on_3	w-1/3
w_1_on_4	w-1/4
w_1_on_5	w-1/5
w_1_on_6	w-1/6
w_2	w-2
w_20	w-20
w_24	w-24
w_28	w-28
w_2_5	w-2.5
w_2_on_12	w-2/12
w_2_on_3	w-2/3
w_2_on_4	w-2/4
w_2_on_5	w-2/5
w_2_on_6	w-2/6
w_3	w-3
w_32	w-32
w_36	w-36
w_3_5	w-3.5
w_3_on_12	w-3/12
w_3_on_4	w-3/4
w_3_on_5	w-3/5
w_3_on_6	w-3/6
w_4	w-4
w_40	w-40
w_44	w-44
w_48	w-48
w_4_on_12	w-4/12
w_4_on_5	w-4/5
w_4_on_6	w-4/6
w_5	w-5
w_52	w-52
w_56	w-56
w_5_on_12	w-5/12
w_5_on_6	w-5/6
w_6	w-6
w_60	w-60
w_64	w-64
w_6_on_12	w-6/12
w_7	w-7
w_72	w-72
w_7_on_12	w-7/12
w_8	w-8
w_80	w-80
w_8_on_12	w-8/12
w_9	w-9
w_96	w-96
w_9_on_12	w-9/12
w_auto	w-auto
w_dvw	w-dvw
w_fit	w-fit
w_full	w-full
w_lvw	w-lvw
w_max	w-max
w_min	w-min
w_px	w-px
w_screen	w-screen
w_svw	w-svw

Arbitraries

TailwindJS token	TailwindCSS token
w_arbitrary, w_arb	w-[…]