MonorailCss

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