Tailwind CSS v4.0 Cheatsheet

Layout

container

Sets the max-width of an element to match the min-width of the current breakpoint

aspect-ratio

Controls the aspect ratio of an element

columns-2

Creates a multi-column layout with 2 columns

break-after-auto

Controls how page, column, or region breaks should behave after an element

break-before-auto

Controls how page, column, or region breaks should behave before an element

break-inside-auto

Controls how page, column, or region breaks should behave inside an element

box-decoration-clone

Specifies whether an element's decorations should be cloned when the box is split

box-border

Sets the box-sizing to border-box

block

Sets the display property to block

float-right

Floats an element to the right

clear-both

Clears floats on both sides

isolation-isolate

Creates a new stacking context

object-cover

Resizes an element's content to cover its container

object-center

Positions an element's content in the center

overflow-hidden

Clips content that overflows the element's box

overscroll-contain

Prevents scrolling in the target area from triggering scroll in the parent element

static

Positions an element according to the normal flow of the document

top-0

Positions an element at the top edge of its containing block

visible

Makes an element visible

z-10

Sets the z-index to control the stacking order of elements