w-3xs
width: var(--container-3xs);/* 16rem */
w-2xs
width: var(--container-2xs);/* 18rem */
w-xs
width: var(--container-xs);/* 20rem */
w-sm
width: var(--container-sm);/* 24rem */
w-md
width: var(--container-md);/* 28rem */
w-lg
width: var(--container-lg);/* 32rem */
w-xl
width: var(--container-xl);/* 36rem */
w-2xl
width: var(--container-2xl);/* 42rem */
w-3xl
width: var(--container-3xl);/* 48rem */
w-4xl
width: var(--container-4xl);/* 56rem */
w-5xl
width: var(--container-5xl);/* 64rem */
w-6xl
width: var(--container-6xl);/* 72rem */
w-7xl
width: var(--container-7xl);/* 80rem */
w-auto
width: auto;
w-px
width: 1px;
w-full
width: 100%;
w-screen
width: 100vw;
w-dvw
width: 100dvw;
w-dvh
width: 100dvh;
w-lvw
width: 100lvw;
w-lvh
width: 100lvh;
w-svw
width: 100svw;
w-svh
width: 100svh;
w-min
width: min-content;
w-max
width: max-content;
w-fit
width: fit-content;
w-<number>
width: calc(var(--spacing) * <number>);/* 0.25rem */
w-4
width: calc(var(--spacing) * 4);
w-<fraction>
width: <percentage>;
w-1/2
width: 50%;
w-[<value>]
width: <value>;
w-[1rem]
width: 1rem;
w-(<custom-property>)
width: var(<custom-property>);
w-(--my-length)
width: var(--my-length);
w-(length:<custom-property>)
w-(length:--my-length)
© 2025, Fynydd LLC / King of Prussia, Pennsylvania; United States / +1 855-439-6933
By using this website you accept our privacy policy. Choose the browser data you consent to allow:
