Size

Width

Class Name

Value

Class Object

w-auto

Width: Auto

👉

w-0

Width: 0

👉

w-1

Width: 0.25rem

👉

w-2

Width: 0.5rem

👉

w-3

Width: 0.75rem

👉

w-4

Width: 1rem

👉

w-5

Width: 1.25rem

👉

w-6

Width: 1.5rem

👉

w-8

Width: 2rem

👉

w-10

Width: 2.5rem

👉

w-12

Width: 3rem

👉

w-16

Width: 4rem

👉

w-20

Width: 5rem

👉

w-24

Width: 6rem

👉

w-32

Width: 8rem

👉

w-40

Width: 10rem

👉

w-48

Width: 12rem

👉

w-56

Width: 14rem

👉

w-64

Width: 16rem

👉

w-8px

Width: 8px

👉

w-16px

Width: 16px

👉

w-24px

Width: 24px

👉

w-32px

Width: 32px

👉

w-10pc

Width: 10%

👉

w-20pc

Width: 20%

👉

w-25pc

Width: 25%

👉

w-30pc

Width: 30%

👉

w-40pc

Width: 40%

👉

w-half

Width: 50%

👉

w-60pc

Width: 60%

👉

w-70pc

Width: 70%

👉

w-75pc

Width: 75%

👉

w-80pc

Width: 80%

👉

w-90pc

Width: 90%

👉

w-full

Width: 100%

👉

w-0.5em

Width: 0.5em

👉

w-1em

Width: 1em

👉

w-1.5em

Width: 1.5em

👉

w-2em

Width: 2em

👉

w-half-screen

Width: 50vw

👉

w-screen

Width: 100vw

👉

w-half-screen-height

Width: 50vh

👉

w-screen-height

Width: 100vh

👉

w-screen-min

Width: 100vmin

👉

w-screen-max

Width: 100vmax

👉

w-25ch

Width: 25ch

👉

w-50ch

Width: 50ch

👉

w-75ch

Width: 75ch

👉

w-100ch

Width: 100ch

👉

Min Width

Class Name

Value

Class Object

min-w-0

Min Width: 0

👉

min-w-full

Min Width: 100%

👉

Max Width

Class Name

Value

Class Object

max-w-none

Max Width: None

👉

max-w-full

Max Width: 100%

👉

max-w-screen

Max Width: 100vw

👉

max-w-64

Max Width: 16rem

👉

max-w-128

Max Width: 32rem

👉

max-w-256

Max Width: 64rem

👉

Height

Class Name

Value

Class Object

h-auto

Height: Auto

👉

h-0

Height: 0

👉

h-1

Height: 0.25rem

👉

h-2

Height: 0.5rem

👉

h-3

Height: 0.75rem

👉

h-4

Height: 1rem

👉

h-5

Height: 1.25rem

👉

h-6

Height: 1.5rem

👉

h-8

Height: 2rem

👉

h-10

Height: 2.5rem

👉

h-12

Height: 3rem

👉

h-16

Height: 4rem

👉

h-20

Height: 5rem

👉

h-24

Height: 6rem

👉

h-32

Height: 8rem

👉

h-40

Height: 10rem

👉

h-48

Height: 12rem

👉

h-56

Height: 14rem

👉

h-64

Height: 16rem

👉

h-8px

Height: 8px

👉

h-16px

Height: 16px

👉

h-24px

Height: 24px

👉

h-32px

Height: 32px

👉

h-10pc

Height: 10%

👉

h-20pc

Height: 20%

👉

h-25pc

Height: 25%

👉

h-30pc

Height: 30%

👉

h-40pc

Height: 40%

👉

h-half

Height: 50%

👉

h-60pc

Height: 60%

👉

h-70pc

Height: 70%

👉

h-75pc

Height: 75%

👉

h-80pc

Height: 80%

👉

h-90pc

Height: 90%

👉

h-full

Height: 100%

👉

h-0.5em

Height: 0.5em

👉

h-1em

Height: 1em

👉

h-1.5em

Height: 1.5em

👉

h-2em

Height: 2em

👉

h-half-screen

Height: 50vh

👉

h-screen

Height: 100vh

👉

h-half-screen-width

Height: 50vw

👉

h-screen-width

Height: 100vw

👉

h-screen-min

Height: 100vmin

👉

h-screen-max

Height: 100vmax

👉

h-25ch

Height: 25ch

👉

h-50ch

Height: 50ch

👉

h-75ch

Height: 75ch

👉

h-100ch

Height: 100ch

👉

Min Height

Class Name

Value

Class Object

min-h-0

Min Height: 0

👉

min-h-full

Min Height: 100%

👉

min-h-half-screen

Min Height: 50vh

👉

min-h-screen

Min Height: 100vh

👉

Max Height

Class Name

Value

Class Object

max-h-none

Max Height: None

👉

max-h-full

Max Height: 100%

👉

max-h-screen

Max Height: 100vh

👉

Overflow

Class Name

Value

Class Object

overflow-visible

Overflow: Visible

👉

overflow-hidden

Overflow: Hidden

👉

overflow-scroll

Overflow: Scroll

👉

overflow-auto

Overflow: Auto

👉

Fit

Class Name

Value

Class Object

fit-fill

Fit: Fill

👉

fit-contain

Fit: Contain

👉

fit-cover

Fit: Cover

👉

fit-none

Fit: None

👉

fit-scale-down

Fit: Scale Down

👉

Positioning

Class Name

Value

Class Object

position-0-0

Positioning: Left 0% - Top 0%

👉

position-0-50

Positioning: Left 0% - Top 50%

👉

position-0-100

Positioning: Left 0% - Top 100%

👉

position-50-0

Positioning: Left 50% - Top 0%

👉

position-50-50

Positioning: Left 50% - Top 50%

👉

position-50-100

Positioning: Left 50% - Top 100%

👉

position-100-0

Positioning: Left 100% - Top 0%

👉

position-100-50

Positioning: Left 100% - Top 50%

👉

position-100-100

Positioning: Left 100% - Top 100%

👉