Width

Syntax

Class
Properties
w-{value}
width: {value};
w-full
width: 100%;

Parameters

value
<length-percentage unsigned default-unit=1px>
value
min
value
max
value
auto
<div class="t1 w-256 p-16 bg-c-white shadow-4"> Lorem ipsum dolorsitamet. </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Set width to 1px without specifying the px unit.
t1 w-1
.t1.w-1 { width: 1px; }
Set width to 1px with specifying the px unit.
t1 w-1px
.t1.w-1px { width: 1px; }
Set width to 50% of its container.
t1 w-50%
.t1.w-50\% { width: 50%; }
Set width to 100% of its container using the alias `full`.
t1 w-full
.t1.w-full { width: 100%; }
Set width to auto.
t1 w-auto
.t1.w-auto { width: auto; }
Set width to min-content.
t1 w-min
.t1.w-min { width: min-content; }
Set width to max-content.
t1 w-max
.t1.w-max { width: max-content; }