Min width

Syntax

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

Parameters

value
<length-percentage unsigned default-unit=1px>
value
auto
<div class="t1 p-16 bg-c-white shadow-4 w-50% min-w-200"> Lorem ipsum dolor sit amet. </div>

Specification test cases

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