CSS min-inline-size

Previous Next

Demo of the different values of the min-inline-size property.

Click the property values below to see the result:

min-inline-size: 10px;
min-inline-size: 400px;
min-inline-size: auto;
min-inline-size: 20%;
min-inline-size: 80%;

When min-inline-size is less than the content size, the box expands to fit the content, and the min-inline-size value has no effect.

Blue div with different min-inline-size values.

When min-inline-size is less than the content size, the box expands to fit the content, and the min-inline-size value has no effect.

Blue div with different min-inline-size values.

When min-inline-size is less than the content size, the box expands to fit the content, and the min-inline-size value has no effect.

Blue div with different min-inline-size values.

When min-inline-size is less than the content size, the box expands to fit the content, and the min-inline-size value has no effect.

Blue div with different min-inline-size values.

When min-inline-size is less than the content size, the box expands to fit the content, and the min-inline-size value has no effect.

Blue div with different min-inline-size values.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯