# Sizing - [Height](#height) - [Max-Height](#max-height) - [Max-Width](#max-width) - [Min-Height](#min-height) - [Min-Width](#min-width) - [Size](#size) - [Width](#width) ----- ## Height Utilities for setting the height of an element. ### Group | TailwindJS token | | ----- | | `height_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `h_0` | [h-0](#height) | | `h_0_5` | [h-0.5](#height) | | `h_1` | [h-1](#height) | | `h_10` | [h-10](#height) | | `h_11` | [h-11](#height) | | `h_12` | [h-12](#height) | | `h_14` | [h-14](#height) | | `h_16` | [h-16](#height) | | `h_1_5` | [h-1.5](#height) | | `h_1_on_2` | [h-1/2](#height) | | `h_1_on_3` | [h-1/3](#height) | | `h_1_on_4` | [h-1/4](#height) | | `h_1_on_5` | [h-1/5](#height) | | `h_1_on_6` | [h-1/6](#height) | | `h_2` | [h-2](#height) | | `h_20` | [h-20](#height) | | `h_24` | [h-24](#height) | | `h_28` | [h-28](#height) | | `h_2_5` | [h-2.5](#height) | | `h_2_on_3` | [h-2/3](#height) | | `h_2_on_4` | [h-2/4](#height) | | `h_2_on_5` | [h-2/5](#height) | | `h_2_on_6` | [h-2/6](#height) | | `h_3` | [h-3](#height) | | `h_32` | [h-32](#height) | | `h_36` | [h-36](#height) | | `h_3_5` | [h-3.5](#height) | | `h_3_on_4` | [h-3/4](#height) | | `h_3_on_5` | [h-3/5](#height) | | `h_3_on_6` | [h-3/6](#height) | | `h_4` | [h-4](#height) | | `h_40` | [h-40](#height) | | `h_44` | [h-44](#height) | | `h_48` | [h-48](#height) | | `h_4_on_5` | [h-4/5](#height) | | `h_4_on_6` | [h-4/6](#height) | | `h_5` | [h-5](#height) | | `h_52` | [h-52](#height) | | `h_56` | [h-56](#height) | | `h_5_on_6` | [h-5/6](#height) | | `h_6` | [h-6](#height) | | `h_60` | [h-60](#height) | | `h_64` | [h-64](#height) | | `h_7` | [h-7](#height) | | `h_72` | [h-72](#height) | | `h_8` | [h-8](#height) | | `h_80` | [h-80](#height) | | `h_9` | [h-9](#height) | | `h_96` | [h-96](#height) | | `h_auto` | [h-auto](#height) | | `h_dvh` | [h-dvh](#height) | | `h_fit` | [h-fit](#height) | | `h_full` | [h-full](#height) | | `h_lvh` | [h-lvh](#height) | | `h_max` | [h-max](#height) | | `h_min` | [h-min](#height) | | `h_px` | [h-px](#height) | | `h_screen` | [h-screen](#height) | | `h_svh` | [h-svh](#height) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `h_arbitrary`, `h_arb` | [h-[…]](#https://tailwindcss.com/docs/height#arbitrary-values) | ## 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_height) | | `max_h_0_5` | [max-h-0.5](#max_height) | | `max_h_1` | [max-h-1](#max_height) | | `max_h_10` | [max-h-10](#max_height) | | `max_h_11` | [max-h-11](#max_height) | | `max_h_12` | [max-h-12](#max_height) | | `max_h_14` | [max-h-14](#max_height) | | `max_h_16` | [max-h-16](#max_height) | | `max_h_1_5` | [max-h-1.5](#max_height) | | `max_h_2` | [max-h-2](#max_height) | | `max_h_20` | [max-h-20](#max_height) | | `max_h_24` | [max-h-24](#max_height) | | `max_h_28` | [max-h-28](#max_height) | | `max_h_2_5` | [max-h-2.5](#max_height) | | `max_h_3` | [max-h-3](#max_height) | | `max_h_32` | [max-h-32](#max_height) | | `max_h_36` | [max-h-36](#max_height) | | `max_h_3_5` | [max-h-3.5](#max_height) | | `max_h_4` | [max-h-4](#max_height) | | `max_h_40` | [max-h-40](#max_height) | | `max_h_44` | [max-h-44](#max_height) | | `max_h_48` | [max-h-48](#max_height) | | `max_h_5` | [max-h-5](#max_height) | | `max_h_52` | [max-h-52](#max_height) | | `max_h_56` | [max-h-56](#max_height) | | `max_h_6` | [max-h-6](#max_height) | | `max_h_60` | [max-h-60](#max_height) | | `max_h_64` | [max-h-64](#max_height) | | `max_h_7` | [max-h-7](#max_height) | | `max_h_72` | [max-h-72](#max_height) | | `max_h_8` | [max-h-8](#max_height) | | `max_h_80` | [max-h-80](#max_height) | | `max_h_9` | [max-h-9](#max_height) | | `max_h_96` | [max-h-96](#max_height) | | `max_h_dvh` | [max-h-dvh](#max_height) | | `max_h_fit` | [max-h-fit](#max_height) | | `max_h_full` | [max-h-full](#max_height) | | `max_h_lvh` | [max-h-lvh](#max_height) | | `max_h_max` | [max-h-max](#max_height) | | `max_h_min` | [max-h-min](#max_height) | | `max_h_none` | [max-h-none](#max_height) | | `max_h_px` | [max-h-px](#max_height) | | `max_h_screen` | [max-h-screen](#max_height) | | `max_h_svh` | [max-h-svh](#max_height) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `max_h_arbitrary`, `max_h_arb` | [max-h-[…]](#https://tailwindcss.com/docs/max-height#arbitrary-values) | ## 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_width) | | `max_w_0_5` | [max-w-0.5](#max_width) | | `max_w_1` | [max-w-1](#max_width) | | `max_w_10` | [max-w-10](#max_width) | | `max_w_11` | [max-w-11](#max_width) | | `max_w_12` | [max-w-12](#max_width) | | `max_w_14` | [max-w-14](#max_width) | | `max_w_16` | [max-w-16](#max_width) | | `max_w_1_5` | [max-w-1.5](#max_width) | | `max_w_2` | [max-w-2](#max_width) | | `max_w_20` | [max-w-20](#max_width) | | `max_w_24` | [max-w-24](#max_width) | | `max_w_28` | [max-w-28](#max_width) | | `max_w_2_5` | [max-w-2.5](#max_width) | | `max_w_2xl` | [max-w-2xl](#max_width) | | `max_w_3` | [max-w-3](#max_width) | | `max_w_32` | [max-w-32](#max_width) | | `max_w_36` | [max-w-36](#max_width) | | `max_w_3_5` | [max-w-3.5](#max_width) | | `max_w_3xl` | [max-w-3xl](#max_width) | | `max_w_4` | [max-w-4](#max_width) | | `max_w_40` | [max-w-40](#max_width) | | `max_w_44` | [max-w-44](#max_width) | | `max_w_48` | [max-w-48](#max_width) | | `max_w_4xl` | [max-w-4xl](#max_width) | | `max_w_5` | [max-w-5](#max_width) | | `max_w_52` | [max-w-52](#max_width) | | `max_w_56` | [max-w-56](#max_width) | | `max_w_5xl` | [max-w-5xl](#max_width) | | `max_w_6` | [max-w-6](#max_width) | | `max_w_60` | [max-w-60](#max_width) | | `max_w_64` | [max-w-64](#max_width) | | `max_w_6xl` | [max-w-6xl](#max_width) | | `max_w_7` | [max-w-7](#max_width) | | `max_w_72` | [max-w-72](#max_width) | | `max_w_7xl` | [max-w-7xl](#max_width) | | `max_w_8` | [max-w-8](#max_width) | | `max_w_80` | [max-w-80](#max_width) | | `max_w_9` | [max-w-9](#max_width) | | `max_w_96` | [max-w-96](#max_width) | | `max_w_fit` | [max-w-fit](#max_width) | | `max_w_full` | [max-w-full](#max_width) | | `max_w_lg` | [max-w-lg](#max_width) | | `max_w_max` | [max-w-max](#max_width) | | `max_w_md` | [max-w-md](#max_width) | | `max_w_min` | [max-w-min](#max_width) | | `max_w_none` | [max-w-none](#max_width) | | `max_w_prose` | [max-w-prose](#max_width) | | `max_w_px` | [max-w-px](#max_width) | | `max_w_screen_2xl` | [max-w-screen-2xl](#max_width) | | `max_w_screen_lg` | [max-w-screen-lg](#max_width) | | `max_w_screen_md` | [max-w-screen-md](#max_width) | | `max_w_screen_sm` | [max-w-screen-sm](#max_width) | | `max_w_screen_xl` | [max-w-screen-xl](#max_width) | | `max_w_sm` | [max-w-sm](#max_width) | | `max_w_xl` | [max-w-xl](#max_width) | | `max_w_xs` | [max-w-xs](#max_width) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `max_w_arbitrary`, `max_w_arb` | [max-w-[…]](#https://tailwindcss.com/docs/max-width#arbitrary-values) | | `max_w_screen_arbitrary`, `max_w_screen_arb` | [max-w-screen-[…]](#https://tailwindcss.com/docs/max-width#arbitrary-values) | ## 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_height) | | `min_h_0_5` | [min-h-0.5](#min_height) | | `min_h_1` | [min-h-1](#min_height) | | `min_h_10` | [min-h-10](#min_height) | | `min_h_11` | [min-h-11](#min_height) | | `min_h_12` | [min-h-12](#min_height) | | `min_h_14` | [min-h-14](#min_height) | | `min_h_16` | [min-h-16](#min_height) | | `min_h_1_5` | [min-h-1.5](#min_height) | | `min_h_2` | [min-h-2](#min_height) | | `min_h_20` | [min-h-20](#min_height) | | `min_h_24` | [min-h-24](#min_height) | | `min_h_28` | [min-h-28](#min_height) | | `min_h_2_5` | [min-h-2.5](#min_height) | | `min_h_3` | [min-h-3](#min_height) | | `min_h_32` | [min-h-32](#min_height) | | `min_h_36` | [min-h-36](#min_height) | | `min_h_3_5` | [min-h-3.5](#min_height) | | `min_h_4` | [min-h-4](#min_height) | | `min_h_40` | [min-h-40](#min_height) | | `min_h_44` | [min-h-44](#min_height) | | `min_h_48` | [min-h-48](#min_height) | | `min_h_5` | [min-h-5](#min_height) | | `min_h_52` | [min-h-52](#min_height) | | `min_h_56` | [min-h-56](#min_height) | | `min_h_6` | [min-h-6](#min_height) | | `min_h_60` | [min-h-60](#min_height) | | `min_h_64` | [min-h-64](#min_height) | | `min_h_7` | [min-h-7](#min_height) | | `min_h_72` | [min-h-72](#min_height) | | `min_h_8` | [min-h-8](#min_height) | | `min_h_80` | [min-h-80](#min_height) | | `min_h_9` | [min-h-9](#min_height) | | `min_h_96` | [min-h-96](#min_height) | | `min_h_dvh` | [min-h-dvh](#min_height) | | `min_h_fit` | [min-h-fit](#min_height) | | `min_h_full` | [min-h-full](#min_height) | | `min_h_lvh` | [min-h-lvh](#min_height) | | `min_h_max` | [min-h-max](#min_height) | | `min_h_min` | [min-h-min](#min_height) | | `min_h_px` | [min-h-px](#min_height) | | `min_h_screen` | [min-h-screen](#min_height) | | `min_h_svh` | [min-h-svh](#min_height) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `min_h_arbitrary`, `min_h_arb` | [min-h-[…]](#https://tailwindcss.com/docs/min-height#arbitrary-values) | ## 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_width) | | `min_w_0_5` | [min-w-0.5](#min_width) | | `min_w_1` | [min-w-1](#min_width) | | `min_w_10` | [min-w-10](#min_width) | | `min_w_11` | [min-w-11](#min_width) | | `min_w_12` | [min-w-12](#min_width) | | `min_w_14` | [min-w-14](#min_width) | | `min_w_16` | [min-w-16](#min_width) | | `min_w_1_5` | [min-w-1.5](#min_width) | | `min_w_2` | [min-w-2](#min_width) | | `min_w_20` | [min-w-20](#min_width) | | `min_w_24` | [min-w-24](#min_width) | | `min_w_28` | [min-w-28](#min_width) | | `min_w_2_5` | [min-w-2.5](#min_width) | | `min_w_3` | [min-w-3](#min_width) | | `min_w_32` | [min-w-32](#min_width) | | `min_w_36` | [min-w-36](#min_width) | | `min_w_3_5` | [min-w-3.5](#min_width) | | `min_w_4` | [min-w-4](#min_width) | | `min_w_40` | [min-w-40](#min_width) | | `min_w_44` | [min-w-44](#min_width) | | `min_w_48` | [min-w-48](#min_width) | | `min_w_5` | [min-w-5](#min_width) | | `min_w_52` | [min-w-52](#min_width) | | `min_w_56` | [min-w-56](#min_width) | | `min_w_6` | [min-w-6](#min_width) | | `min_w_60` | [min-w-60](#min_width) | | `min_w_64` | [min-w-64](#min_width) | | `min_w_7` | [min-w-7](#min_width) | | `min_w_72` | [min-w-72](#min_width) | | `min_w_8` | [min-w-8](#min_width) | | `min_w_80` | [min-w-80](#min_width) | | `min_w_9` | [min-w-9](#min_width) | | `min_w_96` | [min-w-96](#min_width) | | `min_w_fit` | [min-w-fit](#min_width) | | `min_w_full` | [min-w-full](#min_width) | | `min_w_max` | [min-w-max](#min_width) | | `min_w_min` | [min-w-min](#min_width) | | `min_w_px` | [min-w-px](#min_width) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `min_w_arbitrary`, `min_w_arb` | [min-w-[…]](#https://tailwindcss.com/docs/min-width#arbitrary-values) | ## 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) | | `size_0_5` | [size-0.5](#size) | | `size_1` | [size-1](#size) | | `size_10` | [size-10](#size) | | `size_10_on_12` | [size-10/12](#size) | | `size_11` | [size-11](#size) | | `size_11_on_12` | [size-11/12](#size) | | `size_12` | [size-12](#size) | | `size_14` | [size-14](#size) | | `size_16` | [size-16](#size) | | `size_1_5` | [size-1.5](#size) | | `size_1_on_12` | [size-1/12](#size) | | `size_1_on_2` | [size-1/2](#size) | | `size_1_on_3` | [size-1/3](#size) | | `size_1_on_4` | [size-1/4](#size) | | `size_1_on_5` | [size-1/5](#size) | | `size_1_on_6` | [size-1/6](#size) | | `size_2` | [size-2](#size) | | `size_20` | [size-20](#size) | | `size_24` | [size-24](#size) | | `size_28` | [size-28](#size) | | `size_2_5` | [size-2.5](#size) | | `size_2_on_12` | [size-2/12](#size) | | `size_2_on_3` | [size-2/3](#size) | | `size_2_on_4` | [size-2/4](#size) | | `size_2_on_5` | [size-2/5](#size) | | `size_2_on_6` | [size-2/6](#size) | | `size_3` | [size-3](#size) | | `size_32` | [size-32](#size) | | `size_36` | [size-36](#size) | | `size_3_5` | [size-3.5](#size) | | `size_3_on_12` | [size-3/12](#size) | | `size_3_on_4` | [size-3/4](#size) | | `size_3_on_5` | [size-3/5](#size) | | `size_3_on_6` | [size-3/6](#size) | | `size_4` | [size-4](#size) | | `size_40` | [size-40](#size) | | `size_44` | [size-44](#size) | | `size_48` | [size-48](#size) | | `size_4_on_12` | [size-4/12](#size) | | `size_4_on_5` | [size-4/5](#size) | | `size_4_on_6` | [size-4/6](#size) | | `size_5` | [size-5](#size) | | `size_52` | [size-52](#size) | | `size_56` | [size-56](#size) | | `size_5_on_12` | [size-5/12](#size) | | `size_5_on_6` | [size-5/6](#size) | | `size_6` | [size-6](#size) | | `size_60` | [size-60](#size) | | `size_64` | [size-64](#size) | | `size_6_on_12` | [size-6/12](#size) | | `size_7` | [size-7](#size) | | `size_72` | [size-72](#size) | | `size_7_on_12` | [size-7/12](#size) | | `size_8` | [size-8](#size) | | `size_80` | [size-80](#size) | | `size_8_on_12` | [size-8/12](#size) | | `size_9` | [size-9](#size) | | `size_96` | [size-96](#size) | | `size_9_on_12` | [size-9/12](#size) | | `size_auto` | [size-auto](#size) | | `size_fit` | [size-fit](#size) | | `size_full` | [size-full](#size) | | `size_max` | [size-max](#size) | | `size_min` | [size-min](#size) | | `size_px` | [size-px](#size) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `size_arbitrary`, `size_arb` | [size-[…]](#https://tailwindcss.com/docs/size#arbitrary-values) | ## Width Utilities for setting the width of an element. ### Group | TailwindJS token | | ----- | | `width_utilities` | ### Utilities | TailwindJS token | TailwindCSS token | | ----- | ----- | | `w_0` | [w-0](#width) | | `w_0_5` | [w-0.5](#width) | | `w_1` | [w-1](#width) | | `w_10` | [w-10](#width) | | `w_10_on_12` | [w-10/12](#width) | | `w_11` | [w-11](#width) | | `w_11_on_12` | [w-11/12](#width) | | `w_12` | [w-12](#width) | | `w_14` | [w-14](#width) | | `w_16` | [w-16](#width) | | `w_1_5` | [w-1.5](#width) | | `w_1_on_12` | [w-1/12](#width) | | `w_1_on_2` | [w-1/2](#width) | | `w_1_on_3` | [w-1/3](#width) | | `w_1_on_4` | [w-1/4](#width) | | `w_1_on_5` | [w-1/5](#width) | | `w_1_on_6` | [w-1/6](#width) | | `w_2` | [w-2](#width) | | `w_20` | [w-20](#width) | | `w_24` | [w-24](#width) | | `w_28` | [w-28](#width) | | `w_2_5` | [w-2.5](#width) | | `w_2_on_12` | [w-2/12](#width) | | `w_2_on_3` | [w-2/3](#width) | | `w_2_on_4` | [w-2/4](#width) | | `w_2_on_5` | [w-2/5](#width) | | `w_2_on_6` | [w-2/6](#width) | | `w_3` | [w-3](#width) | | `w_32` | [w-32](#width) | | `w_36` | [w-36](#width) | | `w_3_5` | [w-3.5](#width) | | `w_3_on_12` | [w-3/12](#width) | | `w_3_on_4` | [w-3/4](#width) | | `w_3_on_5` | [w-3/5](#width) | | `w_3_on_6` | [w-3/6](#width) | | `w_4` | [w-4](#width) | | `w_40` | [w-40](#width) | | `w_44` | [w-44](#width) | | `w_48` | [w-48](#width) | | `w_4_on_12` | [w-4/12](#width) | | `w_4_on_5` | [w-4/5](#width) | | `w_4_on_6` | [w-4/6](#width) | | `w_5` | [w-5](#width) | | `w_52` | [w-52](#width) | | `w_56` | [w-56](#width) | | `w_5_on_12` | [w-5/12](#width) | | `w_5_on_6` | [w-5/6](#width) | | `w_6` | [w-6](#width) | | `w_60` | [w-60](#width) | | `w_64` | [w-64](#width) | | `w_6_on_12` | [w-6/12](#width) | | `w_7` | [w-7](#width) | | `w_72` | [w-72](#width) | | `w_7_on_12` | [w-7/12](#width) | | `w_8` | [w-8](#width) | | `w_80` | [w-80](#width) | | `w_8_on_12` | [w-8/12](#width) | | `w_9` | [w-9](#width) | | `w_96` | [w-96](#width) | | `w_9_on_12` | [w-9/12](#width) | | `w_auto` | [w-auto](#width) | | `w_dvw` | [w-dvw](#width) | | `w_fit` | [w-fit](#width) | | `w_full` | [w-full](#width) | | `w_lvw` | [w-lvw](#width) | | `w_max` | [w-max](#width) | | `w_min` | [w-min](#width) | | `w_px` | [w-px](#width) | | `w_screen` | [w-screen](#width) | | `w_svw` | [w-svw](#width) | ### Arbitraries | TailwindJS token | TailwindCSS token | | ----- | ----- | | `w_arbitrary`, `w_arb` | [w-[…]](#https://tailwindcss.com/docs/width#arbitrary-values) |