Width

Utilities for controlling the width of an element.

Class CSS Output
w-auto
width: auto;
}
w-full
width: 100%;
}
w-screen
width: 100vw;
}
w-0
width: calc(var(--spacing) * 0);
}
w-4
width: calc(var(--spacing) * 4);
}
w-8
width: calc(var(--spacing) * 8);
}
w-1/2
width: calc(1/2 * 100%);
}
w-1/3
width: calc(1/3 * 100%);
}
w-[100px]
width: 100px;
}

w-auto

width: auto;

w-full

width: 100%;

w-screen

width: 100vw;

w-0

width: calc(var(--spacing) * 0);

w-4

width: calc(var(--spacing) * 4);

w-8

width: calc(var(--spacing) * 8);

w-1/2

width: calc(1/2 * 100%);

w-1/3

width: calc(1/3 * 100%);

w-[100px]

width: 100px;

Reference

width MDN ↗

CSS Properties

  • width