宽 - area

默认为元素

2025-04-11

Written by: tdtc

css edge

<Content>
Border

tailwind

Fixed value

ClassStyles
w-autowidth: auto;
w-pxwidth: 1px;
w-fullwidth: 100%;

Frequently used values

ClassStyles
w-<number>width: calc(var(--spacing) * <number>);
w-[<value>]width: <value>;
<div class="w-10 bg-red-200">w-10</div>
<div class="w-[60px] bg-blue-300">w-60px</div>

Responsive-design defined values

3xs, 2xs, xs, sm, md, lg
xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl

Ref